title: How can manually trigger a tooltip over and input box from javascript
body: <p>I have an ASP.NET web form and on it I have two input boxes.  When the onkeypress event is triggered in box A, I want a tooltip to appear over box B.</p>
  
  <p>I am firing a javascript function from the onkeypress event in box A which should show the tooltip over box B.</p>
  
  <p>Should be simple but I can't get the thing to work.  Any ideas?</p>
  
  <p>Here is a working <a href="https://jsfiddle.net/ej22rueo/7/" rel="nofollow">Fiddle</a>...</p>
  
  <p><strong>Html</strong></p>
  
  <pre><code>Input here: &lt;input id="boxA" type="text" onkeypress="PopulatePrice()" /&gt;
  &lt;br/&gt;
  &lt;br/&gt;
  Tooltip to appear here: &lt;input id="boxB" title="blah" type="text" /&gt;
  </code></pre>
  
  <p><strong>Javascript</strong></p>
  
  <pre><code>$('#boxB').tooltip({
          $(this).tooltip({
          content: 'some stuff',
          trigger: 'manual',
          placement:'top',
          html: true
      });
  });
  
  function PopulatePrice(){
  $('#boxB').tooltip('show');
  }
  </code></pre>