title: Target elements generated dynamically (Jquery)
body: <p>I current have something similar to this (<a href="http://jsfiddle.net/my7bM/" rel="nofollow">http://jsfiddle.net/my7bM/</a>) working on the page as long as it is generated using php, however on another page there is the same functionality happening, only on that page the content is dynamically generated using Ajax and the script does not work (JS newbie therefore any help most appreciated) </p>
  
  <p>I've tried this but it still does not work</p>
  
  <pre><code>$('.read-more').on("click", function (e) {
      e.preventDefault();
      $(this).closest('.member-content').next('.contentDiv').find('.myContent').show();
      $(this).hide();
      return false;
      );
  
  $('.close-more').on("click", function (e) {
      e.preventDefault();
      $(this).closest('.contentDiv').prev('.member-content').find('.read-more').show();
      $(this).closest('.myContent').hide();
      return false;
  });
  </code></pre>
  
  <p>Any help would be great, Thanks!</p>