title: Click on a table row data should redirect to a html page using jquery
body: <p>In my html page, i have a table with few rows.If i click on a row, i need to redirect the page to another html page.How to perform this by using jquery.</p>
  
  <p>Note:I need to redirect each row of data to distinct html pages.For example first row data should redirect to user1 profile html page.second row of data should redirect to user2 profile html page.</p>
  
  <pre><code>&lt;table class="table"&gt;
  
      &lt;tbody&gt;
              &lt;tr&gt;
              &lt;td&gt;user 1&lt;/td&gt;
              &lt;td&gt;10/21/2013&lt;/td&gt;
              &lt;td class="text-primary"&gt;Open&lt;/td&gt;
              &lt;td&gt;$79.99&lt;/td&gt;
              &lt;td&gt;Amazing Widget (16 GB, White)&lt;/td&gt;
              &lt;td&gt;Johnathan&lt;/td&gt;
              &lt;td class="text-right none"&gt; &lt;a href="#" class="tick_icon gridneed_icon"&gt;&lt;/a&gt;
   &lt;a class="col-md-offset-1 cross_icon gridneed_icon" data-toggle="modal" href="#deleteproduct"&gt;&lt;/a&gt;
  
              &lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;user 2&lt;/td&gt;
              &lt;td&gt;6/21/2013&lt;/td&gt;
              &lt;td class="text-primary"&gt;Open&lt;/td&gt;
              &lt;td&gt;$79.99&lt;/td&gt;
              &lt;td&gt;Amazing (16 GB, White)&lt;/td&gt;
              &lt;td&gt;Doe&lt;/td&gt;
              &lt;td class="text-right none"&gt; &lt;a href="#" class="tick_icon gridneed_icon"&gt;&lt;/a&gt;
   &lt;a class="col-md-offset-1 cross_icon gridneed_icon" data-toggle="modal" href="#deleteproduct"&gt;&lt;/a&gt;
  
              &lt;/td&gt;
          &lt;/tr&gt;
      &lt;/tbody&gt;
  &lt;/table&gt;
  </code></pre>