title: use jquery-tooltip with flot charts
body: <p>I was following <a href="http://www.boduch.ca/2013/03/using-jquery-ui-tooltips-with-flot.html" rel="nofollow">example</a> to use jquery tooltip. I have title showing up on the canvas. I am not sure how to get rid of that. When even i hover over the canvas i see that. Please see the image i attached</p>
  
  <pre><code>$(function() {
  
      var $chart = $( "#placeholder" ),
          ttPos = $.ui.tooltip.prototype.options.position;
  
      $.plot(
          $chart, 
          [{
              label: "Number of users",
              data:[
                  [ 1, 2233 ],
                  [ 2, 1294 ],
                  [ 3, 1658 ],
                  [ 4, 1603 ],
                  [ 5, 1790 ],
                  [ 6, 2103 ]
              ]
          }],
          {
              series: {
                  lines: { show: true },
                  points: { show: true }
              },
              grid: {
                  hoverable: true
              },
              legend: {
                  show: false
              }
          }
      );
  
      $chart.bind( "plothover", function( e, pos, item ) {
  
          var isTooltip = $chart.is( ":ui-tooltip" );
  
          if ( item !== null &amp;&amp; isTooltip === false ) {
  
              var label = item.series.label,
                  data = item.datapoint[1],
                  content = label + "&lt;br/&gt;&lt;hr&gt;" + data,
                  evtPos;
  
              evtPos = $.extend( ttPos, {
                  of: {
                      pageX: item.pageX,
                      pageY: item.pageY,
                      preventDefault: $.noop
                  }
              });
  
              $chart.attr( "title", content  )
                    .tooltip({position: evtPos,
                              content: content})
                    .tooltip( "open" );
  
          }
          else if ( item === null &amp;&amp; isTooltip === true ) {
  
              $chart.tooltip( "destroy" );
  
          }
  
      });
  
  });
  </code></pre>