title: jQuery change only works twice
body: <p>I have built a filter that works with checkboxes. When i check a box a div (form-result) changes with the results.</p>
  
  <p>The problem is that the result only changes the first 2 times after i check a box, after that i have to refresh the page because otherwise the query doesn't do anything anymore.</p>
  
  <p>I hope the problem is clear.</p>
  
  <pre><code>$(document).ready(function() {
      $("input").on('change', function() {
  
          var myform = document.getElementById("search");
          var fd = new FormData(myform );
  
          $.ajax({
              url: "update.php",
              data: fd,
              cache: false,
              processData: false,
              contentType: false,
              type: 'POST',
              success: function (data) {
                $(".form-result").html(data);     
              }
          });
      }); 
  }); 
  </code></pre>
  
  <p>Input works with a while:</p>
  
  <pre><code>&lt;form enctype="multipart/form-data" method="post" name="search" id="search"&gt;
      &lt;input type="checkbox" value="'.$menu['color'].'" '.((isset( $_SESSION['input'] ['color'][$nr1]))?' checked':"").' class="css-checkbox2" name="color['.$nr1.']" id="'.$nr1.'"  /&gt;
  &lt;/form&gt;
  </code></pre>
  
  <p>Is there anyone that could help me to get on the right track?</p>
  
  <p>Thanks in advance.</p>