title: Readmore.js doesn't work after loading AJAX
body: <p>I'm currently using <a href="http://jedfoster.com/Readmore.js/" rel="nofollow noreferrer">Readmore.js</a> plugin and can't seem to make it work with AJAX content.</p>
  
  <pre><code>&lt;td&gt;&lt;div class="more"&gt;&lt;?php echo $row['book_desc'];?&gt;&lt;/div&gt;&lt;/td&gt;
  </code></pre>
  
  <p><strong>js file</strong></p>
  
  <pre><code>$(document).ready(function() {
      var url = "/func/admin/books.php";
      function loadBooks() {
          $.ajax({
              url: url,
              type: "post",
              data: {
                  action: "load"
              },
              dataType: "html",
              success: function(data) {
                  $("#books").hide().html(data).fadeIn();
              }
          });
      }
      loadBooks();
      $(".more").readmore();
  });
  </code></pre>
  
  <p>I have also included jQuery and Readmore.js files.</p>
  
  <p>I've done the code below (the read more link appeared, but apparently didn't cut <code>.more</code>'s content). I shouldn't have been calling the function inside the ajax call, but I just thought it will work lol.</p>
  
  <pre><code>$(document).ready(function() {
      var url = "/func/admin/books.php";
      function loadBooks() {
          $.ajax({
              url: url,
              type: "post",
              data: {
                  action: "load"
              },
              dataType: "html",
              success: function(data) {
                  $("#books").hide().html(data).fadeIn();
                  $(".more").readmore();
              }
          });
      }
      loadBooks();
  });
  </code></pre>