title: JQuery ASP.NET .change event not firing
body: <p>I know this question has been asked quite a bit, but nothing seems to work for me. I've read many questions and answers.</p>
  
  <p>I'm using a JQuery event to handle the event of an ASP.NET control, but the event will not fire.</p>
  
  <p>This is what I've tried:</p>
  
  <p>My DropDownList:</p>
  
  <p><code>&lt;asp:DropDownList ID="List_ValueStream" runat="server" Width="195px" /&gt;</code></p>
  
  <p>My attempts to add events to the DropDownList, all tested separately:</p>
  
  <p>in:</p>
  
  <pre><code>    &lt;script src="http://code.jquery.com/jquery.min.js" type="text/javascript"&gt;
            ...
      &lt;/script&gt;
  </code></pre>
  
  <p>/</p>
  
  <pre><code>    $(document).ready(function () {
          $("#&lt;%=List_ValueStream.ClientID%&gt;").change(function () {
              alert('1 Handler for .change() called.');
          });
      });
  </code></pre>
  
  <p>/</p>
  
  <pre><code>    $(document).ready(function () {
          $("#List_ValueStream").change(function () {
              alert('2 Handler for .change() called.');
          });
      });
  </code></pre>
  
  <p>/</p>
  
  <pre><code>    $(document).ready(function () {
          $("#List_ValueStream").on('change', function () {
              alert('3 Handler for .change() called.');
          });
      });
  </code></pre>
  
  <p>/</p>
  
  <pre><code>    $("#&lt;%=List_ValueStream.ClientID%&gt;").change(function () {
            alert('4 Handler for .change() called.');
      });
  </code></pre>
  
  <p>/</p>
  
  <pre><code>    $("#List_ValueStream").change(function () {
          alert('5 Handler for .change() called.');
      });
  </code></pre>