title: innerHTML replace pattern not work
body: <p>I saw a lot of posts about this pattern, but still don't understand why it's not work in mine code. Using Chromium on Ubuntu 10.04.</p>
  
  <pre><code>function showDescription(){
      var description = document.createElement('div'),
      eventTarget = window.event.target,
      newHTML = description.innerHTML;
  
      description.id = 'description';
  
      switch(eventTarget.getAttribute('data-par')){
          case 'links': newHTML = newHTML.replace(newHTML, 'links')
              break;
          case 'images': newHTML = newHTML.replace(newHTML, 'images')
              break;
      };
      console.log(newHTML);
      parentElement.insertBefore(description, parentElement.firstChild.nextSibling);
  };
  
      var descParLi = descPars.getElementsByTagName('li');
      for (var i = 0; i &lt; descParLi.length; i++){
      descParLi[i].addEventListener("click", showDescription);
  };
  </code></pre>
  
  <p>This code contained in other function. Strangely, in console I see value of newHTML, but in html have no changes, that's a problem. What is wrong? How to fix?</p>