title: Add link attribute using jQuery
body: <p>I'd like to shorten text and add "Read More" with its link.</p>
  
  <p>Sample html code:</p>
  
  <pre><code>&lt;article id="post-58" class="post-58 post type-post status-publish format-standard hentry category-2"&gt;
  
      &lt;header class="entry-header"&gt;
          &lt;h2 class="entry-title"&gt;
              &lt;a href="http://www.example.com/archives/58" rel="bookmark"&gt;
                  Title Here
              &lt;/a&gt;
          &lt;/h2&gt;
      &lt;/header&gt;
      &lt;!-- .entry-header --&gt;
  
      &lt;div class="entry-content"&gt;
          &lt;p&gt;Content text here&lt;/p&gt;
          &lt;p&gt;Content text here&lt;/p&gt;
          &lt;p&gt;Content text here&lt;/p&gt;
          &lt;p&gt;Content text here&lt;/p&gt;
      &lt;/div&gt;&lt;!-- .entry-content --&gt;
  &lt;/article&gt;
  &lt;article id="post-57" class="post-57 post type-post status-publish format-standard hentry category-2"&gt;
  
      &lt;header class="entry-header"&gt;
          &lt;h2 class="entry-title"&gt;
              &lt;a href="http://www.example.com/archives/57" rel="bookmark"&gt;
                  Title Here
              &lt;/a&gt;
          &lt;/h2&gt;
      &lt;/header&gt;
      &lt;!-- .entry-header --&gt;
  
      &lt;div class="entry-content"&gt;
          &lt;p&gt;Content text here&lt;/p&gt;
          &lt;p&gt;Content text here&lt;/p&gt;
          &lt;p&gt;Content text here&lt;/p&gt;
          &lt;p&gt;Content text here&lt;/p&gt;
      &lt;/div&gt;&lt;!-- .entry-content --&gt;
  &lt;/article&gt;
  </code></pre>
  
  <p>I want to change the length of the Entry Content to 175 characters and add "Reader More" whose link needs to be pulled from <code>href</code> attribute under "entry-title" class.</p>
  
  <p>I tried the following script:</p>
  
  <pre><code>$("body.blog .entry-content").text(function(index, currentText) {
       return currentText.substr(0, 175)+'...';
       $(this).append('&lt;a class="readmore"&gt;Read More&lt;/a&gt;');
       var lnk = $(this).parent('article').children('.entry-header a').attr('href'); 
       $('a.readmore', this).attr('href', lnk);
  });
  </code></pre>
  
  <p>The content will be shortened but it does not add "Read More"...</p>
  
  <p>How can I correct the script?</p>
  
  <p>Thanks.</p>