title: Get row id using jQuery while clicking a button in that row
body: <p>In my HTML table, each row have separate id. There is column in each row that contain a button. I can capture click event of those buttons. Is there any way to get the corresponding row id in click event of that button</p>
  
  <p>Sample table is shown below.</p>
  
  <pre><code>&lt;table&gt;
   &lt;tr id="1"&gt;
       &lt;td&gt;   &lt;input type="image" id="Bttn_play" src="../../Content/images/play_button.png" name="image" /&gt; &lt;/td&gt;
       &lt;td&gt; test dat1a&lt;/td&gt;
   &lt;/tr&gt;
   &lt;tr id="2"&gt;
       &lt;td&gt;   &lt;input type="image" id="Bttn_play" src="../../Content/images/play_button.png" name="image" /&gt; &lt;/td&gt;
       &lt;td&gt; test data2&lt;/td&gt;
   &lt;/tr&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>I can capture click event of the button using following jQuery</p>
  
  <pre><code>$("#Bttn_play").live('click', function (event) {
    alert (row id);
    // how i get row id  corresponding to this button 
  }
  </code></pre>