title: How to cut off text inside a div when it reaches a certain # of characters in jQuery?
body: <p>I know there are lots of truncate scripts out there, but I can't use most of them due to integration issues with the cms I am working on.</p>
  
  <p>Basically I must do it this way:</p>
  
  <ol>
  <li>get a count of the characters inside a div</li>
  <li>if count exceeds a certain amount (lets say 10 characters) the text inside the div should be cut off and have "..." appended to the end.</li>
  </ol>
  
  <p>Being terrible at javascript here is my lame non-working attempt:</p>
  
  <pre><code>if ($('div.text').val().length &gt; 10) {
  
     //     
  
     ($('div.text').append('...');
  
  }
  </code></pre>
  
  <p>Can someone please help?</p>