How to trim content of element and put "..." if the characters go over a certain limit?
<p>I would like to trim a part of the <code>&lt;td&gt;</code> if it is too long. This will make sure the table doesn't get messed up. All the data in the following table is retrieved from a database. On the "Subject" part, how could I make the text shorten and put "..." if it goes over a certain character limit? Here is a screenshot of the table:</p>

<p><img src="http://i.stack.imgur.com/hmSJQ.png" alt="screenshot"></p>

<p>As you can see if the subject gets too long it may mess up the table. </p>

<p>Is there any jQuery that will make the element trim only if it goes over a certain limit and put "..." at the end? I don't think a truncate plugin would work because it usually splits it up and makes a line break and I don't need it to show because all the person using this would have to do is click "View ticket" and they will see the full subject there.</p>

<p>I searched other questions on StackOverflow but I couldn't find one that is what I need.</p>
