title: jquery accordion broken after partial ajax page reload
body: <p>I am using jquery accordion and it works fine on initial page load, but then I have some ajax commands that reload part of the page, essentially the inner body of the page.</p>
  
  <p>When this happens, the accordion is broken, since the reload i do is just replacing the innerHTML of almost the entire body field.</p>
  
  <p>The script that loads the accordion is also included in the replaced HTML, but obviously that doesn't help.</p>
  
  <p>How can I keep (or reinvoke) the accordion effect after replacing the innerHTML of my entire page?</p>
  
  <pre><code>&lt;div class="art-Post-inner" id="ajaxWrapper"&gt;
          &lt;div id="accordion"&gt;
                  &lt;h3&gt;&lt;a href="#"&gt;Skärm 1&lt;/a&gt;&lt;/h3&gt;
                  &lt;div&gt;
                      my accordion content
                  &lt;/div&gt;
          &lt;/div&gt;
  
          &lt;script&gt;
  
              $(document).ready(function() {
                  $( '#accordion' ).accordion({
                      collapsible: true, active: false, autoHeight: false
                  });
              });
  
          &lt;/script&gt;           
  </code></pre>
  
  <p>This is the art that gets replaced entirely by setting the innerHTML of the div with id=ajaxWrapper.</p>
  
  <p>i trust you see the problem.</p>