title: Ajax load content, jquery effects not working
body: <p>I'm loading content with ajax, after it loads the content to a <code>#content</code> div, the effects that I put on my <code>main.js</code> doesn't work over the loaded content. for example this one doesn't works:</p>
  
  <pre><code>/* Artworks Hide/show text */
  $(".item").hover(function() {
    //fadein second image using jQuery fadeIn 
    $(this).find(".art_title").fadeIn(200);
  }, 
  function () {
    //fadein first image using jQuery fadeIn
    $(this).find(".art_title").fadeOut(200);
  });
  </code></pre>
  
  <p>When I test the effect over the page without the content being loaded with ajax it works well. So the problem it's that is loaded via that way.</p>
  
  <p>How can I fix it?</p>
  
  <p>I'm using two files: <code>loader.js</code> to load the contents and the <code>main.js</code> which has the effects</p>