title: innerHTML for anchor tag not changing
body: <p>I am trying to change the <code>innerHTML</code> for an anchor text but it is not changing....</p>
  
  <p><strong>HTML:</strong></p>
  
  <pre><code>&lt;div style="float:right;"&gt;
      &lt;a id="grabLinkAll" onClick="showAll()" href="#"&gt;show all&lt;/a&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p><strong>JavaScript:</strong></p>
  
  <pre><code>function showAll() {
      var theDropPosition = document.getElementById('grabLinkAll');
      if (theDropPosition.innerHTML == "show all") {
          theDropPosition.innerHTML == "hide all";
      } else {
          theDropPosition.innerHTML == "show all";
      }
  }
  </code></pre>