title: jqplot in an Accordian within a Tab not working
body: <p>I am using jqplot to show graphs in an accordion. <a href="http://www.jqplot.com/tests/UI.php" rel="nofollow">http://www.jqplot.com/tests/UI.php</a></p>
  
  <p>When I just show the graphs without them being split into various accordion headers it works perfectly. As soon as I started putting the charts into the various accordion headers I started getting javascript errors when I mouse over where the chart should appear:</p>
  
  <pre><code>Error: plot.plugins.pieRenderer is undefined
  
  Error: plot.plugins.barRenderer is undefined
  </code></pre>
  
  <hr>
  
  <pre><code>&lt;script type="text/javascript"&gt;
              $(function() {
                  $("#RTD_BreakGroups").accordion({
                      autoHeight: false,
                      navigation: true,
                      collapsible: true,
                      active: false
                  });
  
                  $("#RTD_BreakGroups").bind('accordionchange', function(event, ui) {
                      var index = $(this).find("h3").index(ui.newHeader[0]);
                      switch (index)
                      {
                          case 1:
                              goodbadplot.replot();
                              percentdiffplot.replot();
                              break;
                          case 10:
                          Engineergoodplot.replot();
                          Engineerbadplot.replot();
                          break;
                  }
              });
          });
  </code></pre>
  
  <hr>
  
  <pre><code>&lt;div id="RTD_BreakGroups"&gt;
          &lt;h3&gt;&lt;a href="#"&gt;RTD Overview&lt;/a&gt;&lt;/h3&gt;
          &lt;div&gt;
              &lt;div id="GoodVsBad" data-height="450" data-width="450" style="height:450px;width:450px;"&gt;&lt;/div&gt;
              &lt;div id="GoodVsBadThreshold" data-height="250" data-width="700" style="height:250px;width:700px;"&gt;&lt;/div&gt;
              &lt;style type="text/css"&gt;
                  #GoodVsBadThreshold .jqplot-meterGauge-tick, #GoodVsBadThreshold .jqplot-meterGauge-label
                  {
                      font-size: 10pt;
                  }
              &lt;/style&gt;
          &lt;/div&gt;
  &lt;h3&gt;&lt;a href="#"&gt;Engineer Overview&lt;/a&gt;&lt;/h3&gt;
          &lt;div&gt;
              This grouping shows how RTD has been behaving if the player is a engineer.
              &lt;div id="EngineerGoodRolls" data-height="450" data-width="1024" style="height:450px;width:1024px;"&gt;&lt;/div&gt;
              &lt;div id="EngineerBadRolls" data-height="450" data-width="1024" style="height:450px;width:1024px;"&gt;&lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  </code></pre>
  
  <hr>
  
  <p>Like I said above, these charts load fine when they are not in the accordion, but throw errors about undefined renderers when in the accordion. Can any one see what I've done wrong?</p>