title: How to hide / disable browser default title tooltip using jquery
body: <p>I am trying to create custom tooltip plugin just for learning purpose. Every thing is working fine when I take tooltip text in a custom attribute like "<strong>tooltip</strong>", but in case of "<strong>title</strong>" I am not able to hide / disable browser default title tooltip.</p>
  
  <p>HTML:</p>
  
  <pre><code>&lt;p id="p1" title="tooltip 1"&gt;Go&lt;/a&gt;"&gt;
      This is a paragraph
  &lt;/p&gt;
  
  &lt;p id="p2" title="tooltip 2"&gt;
      This is another paragraph
  &lt;/p&gt;
  </code></pre>
  
  <p>JQuery:</p>
  
  <pre><code>$("p").tooltip({
      autoClose: false,
      color: "white   ",
      backgroundColor: "grey",
  });
  </code></pre>
  
  <p><a href="https://jsfiddle.net/66bw5u4h/64/" rel="nofollow noreferrer">Working Fiddle</a></p>