Appending or adding new text next to current tooltip text JQuery <p>I was wondering whether its possible to add new text next to or append text to existing text already on tooltip. </p> <p>For example, I have a div tag containing tooltip text like so;</p> <pre><code>&lt;div id="myDiv1" class="myDiv" title="This is Tooltip"&gt;body text &lt;/div&gt; </code></pre> <p>As shown above, the current tooltip text is: <code>This is Tooltip</code></p> <p>What I want to do is using jquery, appned / add more text to this. For example,</p> <pre><code>This is toopltip for myDiv1 </code></pre> <p>I have tried, but these don't seem to work and most don't return anything some return undefined, please help;</p> <pre><code>$('#myDiv1').attr("title", $('#myDiv1').tooltip + "" + "\nSome new text to append"); $('#myDiv1').prop("tooltipText", $('#myDiv1').tooltipText + "" + "\nSome new text to append"); $('#myDiv1').attr("data-original-title", $('#myDiv1').tooltipText + "" + "\nSome new text to append"); </code></pre> <p>Any help is welcomed :)</p>