title: jQuery tooltip add line break
body: <p>So, I want to take the content of a div in which I have several <code>&lt;br/&gt;</code>, and then pass it as a title attribute using jQuery tooltip widget. I want the lines to appear one beneath the other inside the tooltip. thx. the code so far is:</p>
  
  <p><strong>CSS</strong></p>
  
  <pre class="lang-css prettyprint-override"><code>.Lines {
      width: 125px;
      height:20px;
      overflow:auto;
  }
  </code></pre>
  
  <p><strong>JavaScript</strong></p>
  
  <pre class="lang-js prettyprint-override"><code>$(function () {
      $(document).tooltip();
  
      $(".Lines").hover(function () {
          IaTxt = $(this).html()
  
          $(this).prop('title', IaTxt)
  
      })
  });
  </code></pre>
  
  <p><strong>HTML</strong></p>
  
  <pre class="lang-html prettyprint-override"><code>&lt;div class="Lines"&gt;
      First line.
      &lt;br/&gt;Second line.
      &lt;br/&gt;Third line!
      &lt;br/&gt;Fourth line?
  &lt;/div&gt;
  </code></pre>