title: jquery show/hide button title
body: <p>how can I use jquery to get the text inside of a td?</p>
  
  <p>I currently have:</p>
  
  <pre><code>&lt;div id="divName"&gt;
   &lt;table id="tableName"&gt;
    &lt;tr&gt;
     &lt;td id="g${req.Name}&lt;/"&gt;${req.Name}&lt;/td&gt;
     &lt;td&gt;&lt;input type="button" id="showName_${req.fName} rel="viewName_${allReq.requestId}
     value="Show " title="Show customer ${req.fName}"
       onclick="buttonToggle(this,'Hide ','Show ','nameDiv_${req.fName}', '${req.fName}')" /&gt;
     &lt;/td&gt;
     &lt;/tr&gt;
    &lt;/table&gt;
  
   &lt;div id="nameDiv_${req.fName}" style="display: none"&gt;
    &lt;p&gt;test&lt;/p&gt;
   &lt;/div&gt;
  
  
  &lt;/div&gt;
  </code></pre>
  
  <p>I would like to be able to have the title of the show/hide button say Show customer John and when the button is clikced to hide for the title to change to Hide customer John and then when the button is clicked again to go back to the title to say show customer John. </p>
  
  <p>I was able to use something like this for the show/hide button:</p>
  
  <pre><code>$('ShowHide').click(function(){ 
  if ( $('hide').css('display') == 'block' ) 
      $('ShowHide').val("Hide"); 
  else 
      $('ShowHide').val("Show"); 
  }); 
  </code></pre>
  
  <p>but how can I get the name to append to show and hide when the button is toggled?</p>