title: Selector input[name^= doesn't work on change of a select
body: <p>I am having problem catching the on change event of a select.
  No problems if the selector points directly to an id. But with,
  it doesn't work.
  Do you know why?</p>
  
  <p>Here is a chunk of my code:</p>
  
  <pre><code>&lt;html&gt;
  &lt;head&gt;&lt;title&gt;&lt;/title&gt;
  
    &lt;link rel=stylesheet href="css/jquery-ui-1.9.2.custom.css" /&gt;
    &lt;script type="text/javascript" src="js/jquery-1.9.1.min.js"&gt; &lt;/script&gt;
    &lt;script src="js/jquery-ui-1.9.2.custom.js"&gt;&lt;/script&gt;
  
  
  ....
  
    &lt;select name="type_book_1" id="type_book_1"&gt;
      &lt;option value="ae"&gt;airplane&lt;/option&gt;
      &lt;option value="ca"&gt;car&lt;/option&gt;
     &lt;/select&gt;
  
  ....
  </code></pre>
  
  <p><strong>JS:</strong></p>
  
  <pre><code>&lt;script&gt;
  $(function () {
      $(document.body).on('change', 'input[name^="type_book"]', function () {
          alert('Change Happened');
      });
  });
  &lt;/script&gt;
  </code></pre>