title: DOM innerHTML Duplicate Problem
body: <pre><code>function SwapPlans(city, id) {
      var tp = GetTravelPlanById(id);
      var content = MakeHTMLAccordionMe(tp.items[0]);
  
      document.getElementById(city).innerHTML = " ";
      document.getElementById(city).innerHTML = content.innerHTML;
      document.getElementById(city).outerHTML = " ";
      document.getElementById(city).outerHTML = content.outerHTML;
  }
  </code></pre>
  
  <p>Hi,</p>
  
  <p>I have a problem with the snippet above. MakeAccordionME function returns the content that 
  I want to change by document.getElementById(city) = value; but It doesn't remove the first content of the first div.</p>
  
  <p>Is there any content.clear method in DOM javascript ?</p>
  
  <p>thx</p>
  
  <p>p.s. the div that returns from document.getElementById(city) is a jquery accordion div.</p>