title: dynamically create accordion from jquery
body: <p>I have only a div in html page and i am trying to create an accordion from jQuery. But this does not happen.</p>
  
  <p><strong>HTML Code:</strong></p>
  
  <pre><code> &lt;div data-role="content" id="Div1"&gt;
      &lt;div id="accordion" data-role="collapsible-set"/&gt;
   &lt;/div&gt;
  </code></pre>
  
  <p><strong>Java Script:</strong></p>
  
  <pre><code>$(document).ready(function(){        
      $('#accordion').append("&lt;div data-role=""collapsible""&gt;&lt;h3&gt;FirstFloor&lt;/h3&gt;&lt;p&gt;First Floor details&lt;/p&gt;&lt;/div&gt;");        
  });
  </code></pre>
  
  <p><a href="http://jsfiddle.net/ponsakthi/EEnSb/1/" rel="nofollow">JSFIDDLE</a></p>