title: Bootstrap dynamic tooltip tied to input field?
body: <p>I have a series of input fields named price1[324], price2[324], price3[324] that I would like to generate tooltips based on their input value e.g. <strong>if a customer types 100, they'll see 80.</strong></p>
  
  <p>I've tried to get this working and can't get the tooltip to be dynamic in any manner.</p>
  
  <p><a href="http://jsfiddle.net/CtFrx/5/" rel="nofollow">http://jsfiddle.net/CtFrx/5/</a></p>
  
  <p>Here's the basic form:</p>
  
  <pre><code>&lt;input type="text" id="nav-search" name="price1[324]" rel="tooltip" /&gt;
  &lt;input type="text" id="nav-search" name="price2[324]" rel="tooltip" /&gt;
  &lt;input type="text" id="nav-search" name="price3[324]" rel="tooltip" /&gt;
  </code></pre>
  
  <p>And here's the basic Javascript:</p>
  
  <pre><code>$('body').tooltip({
      selector: '[rel=tooltip]'
  });
  
  $("#nav-search").tooltip('hide')
      // The following does NOT work
      //.attr('data-original-title', 'You receive ' + ($(this).val() * .8) )
  
      // The following DOES work
      .attr('data-original-title', '80' )
      .tooltip('fixTitle')
      .tooltip('show');
  </code></pre>
  
  <p>I'm also having trouble referring to a field that is named dynamically named, but that's a separate question me thinks.</p>