title: How can i change dynamically the content tab of jquery ui accordion
body: <p>I have the next code:</p>
  
  <pre><code>&lt;div id="accordion"&gt;
      &lt;h3&gt;Row 1&lt;/h3&gt;
      &lt;div id="1"&gt;&lt;/div&gt;
      &lt;h3&gt;Row 2&lt;/h3&gt;
      &lt;div id="2"&gt;&lt;/div&gt;
      &lt;h3&gt;Row 3&lt;/h3&gt;
      &lt;div id="3"&gt;&lt;/div&gt;
  &lt;/div&gt;
  
  $("#accordion").accordion({
      autoHeight: false,
      clearStyle: true,
      active: 0,
      change: function(event, ui) {
      $("div#2").append('&lt;p&gt;Test&lt;/p&gt;');
      }
  });
  </code></pre>
  
  <p>When the accordion is clicked in another row, i want to fill the <code>&lt;div id="2"&gt;</code> with data. On change event i am trying this:</p>
  
  <pre><code>$("div #2").append('&lt;p&gt;Test&lt;/p&gt;');
  </code></pre>
  
  <p>But the text "Test" is printed inside the h3 instead the div... how can i achieve to print the text on the div???</p>
  
  <p>I am using jquery 1.9.0 </p>
  
  <p>It seems like a bug <a href="http://bugs.jqueryui.com/ticket/4469#comment:4" rel="nofollow">http://bugs.jqueryui.com/ticket/4469#comment:4</a> isnt it?</p>