title: Add Content Using Jquery
body: <p>My demo in JS Fiddle <a href="https://jsfiddle.net/dineshkanivu/5fp2sjgb/2/" rel="nofollow">https://jsfiddle.net/dineshkanivu/5fp2sjgb/2/</a></p>
  
  <p>I want to add content Dynamically to the <code>id="myNote"</code> in its 4th line. 
  click the button <kbd>lines </kbd>, you can see total number of lines. i want to add some html content after 4th line. How can i do this using jQuery</p>
  
  <p><strong>Snippet :</strong>    </p>
  
  <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>$(function() {
    $("#getLines").click(function() {
  
      var myheight = $("#myNote").height();
      parseFloat($("#myNote").css("line-height"));
      //$('#myNote').after('&lt;button&gt;button&lt;/button&gt;');
      alert(myheight);
  
    });
  });</code></pre>
  <pre class="snippet-code-css lang-css prettyprint-override"><code>#myNote {
    width: 300px;
    line-height: 1;
    height: auto;
    text-align: justify;
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"&gt;&lt;/script&gt;
  &lt;div id="myNote"&gt;
    Finally, designing the last sentence in this way has the added benefit of seamlessly moving the reader to the first paragraph of the body of the paper. In this way we can see that the basic introduction does not need to be much more than three or four
    sentences in length. If yours is much longer you might want to consider editing it down a bit! Here, by way of example, is an introductory paragraph to an essay in response to the following question:
  &lt;/div&gt;
  
  &lt;button id="getLines"&gt;lines&lt;/button&gt;</code></pre>
  </div>
  </div>
  </p>