title: JQuery range slider tooltip
body: <p>Here is my html:           </p>
  
  <pre><code>&lt;div class="col-md-4"&gt;&lt;input autocomplete="off" type="range" min="1" max="20" value="10" id="agriculture" oninput="display(id);"&gt;&lt;/div&gt;
  </code></pre>
  
  <p>I need to display tooltip on moving the slider.</p>
  
  <p>How can i achieve this? </p>
  
  <p>Here is my <a href="http://jsfiddle.net/iviknesh/H2FZQ/" rel="nofollow">fiddle</a></p>