title: Contents of document.ready() function do not run after ajax call
body: <p>I have a Drupal commerce site which has a few drop down menus, these call different products from the database in real time using Ajax.</p>
  
  <p>My problem is that once any of these changes are made, the functions inside my document.ready() don't work.</p>
  
  <p>I have tried </p>
  
  <pre><code>jQuery(document).ready(function($){
  
      OnloadFunction();
  
      $(".ajax-processed").change(function() {
      OnloadFunction();
      });
  });
  
  function OnloadFunction ()
  {
  jQuery('.form-submit').click(
      function () {
          jQuery('#loader').css({display:'block'});
      }); 
  }
  </code></pre>
  
  <p>How can I call the function OnloadFunction when a change in the drop down menu is made?</p>