title: Changing the .html of each <td> on click
body: <p>This is my first attempt using <code>this</code> from scratch, I'm not sure I understand it correctly. I'm trying to change whichever <code>&lt;td&gt;</code> that has a <code>+</code> in it to a <code>-</code> on click and vice versa. 
  I'm not getting any errors and I'm not sure what specifically I'm doing wrong. Nothing happens on click. I have other jquery on the page that works fine.</p>
  
  <pre><code>echo "&lt;script type'text/javascript'&gt;
  $('.plus_minus').each(function() {
      $(this).click(function(){
          if ($(this).html() == '+'){
              $(this).html = '-';
          }
          else {
              $(this).html = '+';
          }
  
      })
   });
  
  &lt;/script&gt;";
  </code></pre>
  
  <p>the html looks like</p>
  
  <pre><code>echo '&lt;tr align="right" class="loc"&gt;&lt;td class="plus_minus" width="20" align="center" 
              bordercolor="#000000"
              style="cursor:pointer;font-size:10pt;font-weight:bold;
              border-style:solid;border-width:1pt"&gt;+&lt;/td&gt;';
  </code></pre>
  
  <p>Any help would be much appreciated!</p>