title: jquery add line break and truncate + add "..." after x amount of characters
body: <p>I'm trying to figure out a way to accomplish 2 things: <br><br> 
  1. A line break after 4 characters or first word.<br>
  2. Truncate + add "..." (only if the amount of characters exceed 20 characters)</p>
  
  <p>Example: <strong>2008 WALKER STATION THE BRIDGE 1.5L</strong> 
  <br><br>Would like it to display:<br>
  <strong>2008<br>
  WALKER STATION ...</strong></p>
  
  <p>I need #1 to happen every time, but only #2 if the text is more 20 characters.</p>
  
  <p>I've got the line breaking down with the following code:</p>
  
  <pre><code>$(window).load(function(){
      $(".wine-name").each(function() {
      var html = $(this).html().split(" ");
      html = html[0] + "&lt;br&gt;" + html.slice(1).join(" ");
      $(this).html(html);
  });
  </code></pre>
  
  <p>HTML:</p>
  
  <pre><code>&lt;div class="wine-name"&gt;2008 WALKER STATION THE BRIDGE 1.5L&lt;/div&gt;
  </code></pre>