क्यों घटना काम नहीं कर रहा है जावास्क्रिप्ट में? रंग की h1 नहीं है बदलने के बटन पर क्लिक करके . नीचे के लिंक की छवि कोड

<h1 id="hello">hello</h1>
<select name="select" id="select">
  <option value="black">black</option>
  <option value="red">red</option>
  <option value="blue">blue</option>
</select>
<script>
  document.addEventListener("DOMContentLoaded", function() {
    $('select').change(function(){
        field = document.querySelector('select');
        document.querySelector("#hello").style.backgroundColor = field.value;
       });
  });
</script>