title: Reinitialising jQuery function after ajax call
body: <p>I am currently using a jQuery plugin that is applying a GreyScale hover effect. The plugin works perfectly. </p>
  
  <p>The page the plugin is on utilises ajax based filtering. Because of this the below code only works correctly on the initial load. I need to be able to reinitialise both elements on each filter.</p>
  
  <p>I having been experimenting with <code>$(document).on</code> as I'm using jQuery 1.7.2 but cannot get this working..</p>
  
  <pre><code>$(function() {
      // fade in the grayscaled images to avoid visual jump
      $('.colour img').hide().fadeIn(1000);
    });
  
    // user window.load to ensure images have been loaded
    $(window).load(function () {
      $('.colour img').greyScale({
        // call the plugin with non-defult fadeTime (default: 400ms)
        fadeTime: 500,
        reverse: false
      });
    });
  </code></pre>