title: flot.js Legend and Grid options
body: <p>Trying to run a very simple flot.js example, I have the following code to render the flot chart. (I am omitting all the non-essential HTML and CSS on purpose.)</p>
  
  <pre><code>&lt;div id="chartWrapper1"&gt;
  &lt;div id="placeholder"&gt;&lt;/div&gt;
  &lt;div id="legendholder"&gt;Legend Container&lt;/div&gt;
  &lt;/div&gt;
  
  &lt;script type="text/javascript"&gt;
  $(function () {
  var disk1 = [[0, 3], [4, 8], [8, 5], [9, 13]];
      $.plot($("#placeholder"), [{
        legend: { show: true, container: $('#legendholder') },
        label: "Disk 1",
        data: disk1,
        lines: { show: true, fill: true }
      }]);
  });
  &lt;/script&gt;
  </code></pre>
  
  <p>The result looks like this:</p>
  
  <p><img src="https://i.stack.imgur.com/uHNa4.jpg" alt="enter image description here"></p>
  
  <p><a href="http://bit.ly/JTR3Bd" rel="nofollow noreferrer">http://bit.ly/JTR3Bd</a></p>
  
  <p>(StackExchange does not allow me to post images yet, so the link above gets you straight to a screenshot of the chart.)</p>
  
  <p>The little part next to the chart, where it says Legend, is another div (id="legendholder"), and that's where I want the legend to show up.</p>
  
  <p>I have had similar issues with grid options, and here's the part I don't understand:</p>
  
  <p>When I specify the option in the JavaScript, nothing seems to happen. The legend remains inside the chart. Then, I hard-code the legend settings in jquery.flot.js and everything works. Obviously, that's a total hack, but does anyone see what I'm doing wrong here?</p>
  
  <p>Yes, I have read the API documentation, poked around the flot.js github pages, but I have not been able to figure out what's causing my issues.</p>
  
  <p>Anyone?</p>