title: Flot graph not showing
body: <p>I am pulling data from a mySql database using php to plot a graph using flot. The query works fine but no graph is being displayed when I run the code. A blank space is coming up where the graph should be. Here is what I have:</p>
  
  <pre><code>&lt;!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"&gt;
  &lt;html&gt;
   &lt;head&gt;
  
  
  &lt;meta http-equiv="Content-Type" content="text/html; charset=utf-8"&gt;
  &lt;title&gt;Flot Graph&lt;/title&gt;
  &lt;link href="layout.css" rel="stylesheet" type="text/css"&gt;
  
  &lt;script language="javascript" type="text/javascript" src="../jquery.js"&gt;&lt;/script&gt;
  &lt;script language="javascript" type="text/javascript" src="../jquery.flot.js"&gt;&lt;/script&gt;
  
   &lt;/head&gt;
  &lt;body&gt;
  &lt;h1&gt;Flot Graph&lt;/h1&gt;
  
  &lt;div  id="placeholder" style="width:600px;height:300px;"&gt;&lt;/div&gt;
  
  &lt;?php
  
  $mysqli=new mysqli('localhost','root',"",'simpledb');
  
    $sql="select name, age from `people` where age=23";
  
  
    $results = $mysqli-&gt;query($sql);
    if ($results)
    {
      while ($row=$results-&gt;fetch_assoc())
      {
        $dataset1[] = array($row['name'],$row['age']);
      }
    }
    else
    {
  
      echo "Error";
    }
  
  ?&gt;
  
  
  &lt;script type="text/javascript"&gt;
  var dataset1 = &lt;?php echo json_encode($dataset1); ?&gt;;
  $(function () 
  {
  $.plot($("#placeholder"), [
   {
       data: dataset1,
       bars: {show: true}
      }
  ]);
  });
  &lt;/script&gt;
  
  
  
   &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>