Trigger jquery by clicking on table row
<p>I have a row in a table that I like to make clickable (rather than just the text in the row) so I use the following code to make it open another page: </p>

<pre><code>&lt;td onClick="document.location.href='content2.html';" style="cursor:pointer;"&gt;
</code></pre>

<p>However now I am using jquery with the below code to open the new page within a div rather than in a new page. How would I update my row code to open the content in the div rather than in a new page.</p>

<p>On the actual text I use the following: </p>

<pre><code>&lt;a class="load_link" style="cursor:pointer;"&gt;Link&lt;a&gt; 
</code></pre>

<p>However, as I said above I'd like to make the whole row clickable rather than just the text.</p>

<p>JQuery used to update the content:</p>

<hr>

<pre><code>$(document).ready(function(){
     $("#content").load("content.html");
});

(function($) {  
$(function() {  
 $('.load_link').click(function() {  
   $("#content").load("content.html");  
   var $row = $(this).closest("tr");
   $row.removeClass("rownotselected").addClass("rowselected");
   $row.siblings("tr").removeClass("rowselected").addClass("rownotselected");
   return false;   
 });  
});  
})(jQuery); 
</code></pre>

<p>Any help would be appreciated!</p>
