title: How to change value in previous TD via Javascript
body: <p>I have a button when clicked on runs a function and I want the value in the previous TD to change to yes from no.</p>
  
  <p>HTML:</p>
  
  <pre><code>&lt;tr class="odd"&gt;
    &lt;td class=""&gt;13.00&lt;/td&gt;
    &lt;td class=""&gt;DDR&lt;/td&gt;
    &lt;td class=""&gt;No&lt;/td&gt;
    &lt;td class=""&gt;
      &lt;div class="button ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only" onclick="javascript:paid(4);return false" href="#" "="" role="button" aria-disabled="false"&gt;
         &lt;span class="ui-button-text"&gt;Paid&lt;/span&gt;
      &lt;/div&gt;
    &lt;/td&gt;
  &lt;/tr&gt;
  </code></pre>
  
  <p>So when the user clicks on "Paid" this is called.. Javascript:</p>
  
  <pre><code>function paid(iD) {       
      $.ajax({
          contentType: "application/json; charset=utf-8",
          type: "POST",
          url: "Paid",
          dataType: "json",
          data: "{ id:" + iD +"}",
          success: function (id) {
              //Here change value of previous TD to yes;
  
          },
          error: function (XMLHttpRequest, textStatus, errorThrown) {               
          }
      });
  };
  </code></pre>
  
  <p>Is there a way I can access the html of the previous td and change the value of it?</p>
  
  <p>O and also make the button disappear? </p>