title: jquery change not working in html select option
body: <p>I have a <code>select option</code> like this.</p>
  <pre><code> &lt;select class=&quot;form-control&quot; id=&quot;province_id&quot; name=&quot;province_id&quot;&gt;
  </code></pre>
  <p>I used whatever you said but it didn't work</p>
  <pre><code>&lt;script&gt;
      $(document).ready(function(){
          $('#provinces_id').change(function(){
              alert('Hello');
          }) ;
  </code></pre>
  <p>or</p>
  <pre><code> $(document).on('change', '#provinces_id', function() {
       alert('Hello');
   });
  </code></pre>
  <p>The above code doesn't work. When I click on #clicker, it doesn't alert and and it doesn't hide. I checked the console and I get no errors. I also checked to see if JQuery was loading and indeed it is. So not sure what the issue is. I also did a document ready function with an alert and that worked so not sure what I am doing wrong. Please help. Thanks!</p>