title: mvc dropdown change event firing only once?
body: <p>I am submitting an AjaxForm with the help of javascript triggered by change event of this dropdownlist and update the div (that contains ddlist too) accordingly. </p>
  
  <pre><code>  $(function() {
              $('#Page').change(function() {
                  alert("testing");
                  var value = $(this).val();
                  if (value != "&lt;%=Model.CurrentPage%&gt;") {
                      $("#pageJump").click();
                  }
              });
          }); 
  
      &lt;div id = "updateDiv"&gt;
  
      &lt;%=Html.DropDownList("Page", Model.dropDown)%&gt;
  
  &lt;/div&gt;
  </code></pre>
  
  <p>updateDiv is being updated by some Ajax stuff. DropDownList is correctly populating the items, but it fires the above javascript thing only once(after it has been posted once), not the second time. Why is it doing that? </p>
  
  <p>EDIT:  </p>
  
  <pre><code> $(function() {
          initPaging();
      });
  
      function initPaging() {
          alert("TEST");
          initPagingDdl();
      }
  
      function initPagingDdl() {
          $('#Page').change(function() {
              alert("all");
              var value = $(this).val();
              alert(value);
              if (value != "&lt;%=Model.CurrentPage%&gt;") {
                  $("#pageJump").click();
              }
          });
  }
  </code></pre>
  
  <p>Inside my AjaxOptions constructor, I have set:</p>
  
  <pre><code>OnComplete = "initPaging"
  </code></pre>
  
  <p><strong>It is still NOT working.  It's calling the TEST after the Ajax post, so it's hitting the code, but not binding for some reason?</strong></p>