Jquery not working after the grid is refreshed with new data by selecting a value from a selector.

Jquery not working after the grid is refreshed with new data by selecting a value from a selector.

I am using the following jquery code to create click event on the elements of the facility location column in the grid below. The code is working fine on start up (i.e. when the document first loads). 

However, after changing the D ivision from the selector in the top left side of the image which is encircled, the grid data is getting refreshed and the click event thereafter on the facility location column of that same grid is not working. The code is below:-

<script src="..\Images\CDM_Images\Web_App\Js\jquery-1.9.1.min.js"></script>
<script>
function NavToFacilitySummary(e)
{
var facilityRollup= $(e.target);
        var facilityRollaupName = facilityRollup.html();
  facilityRollaupName = facilityRollaupName.replace("&amp;","&");
  var url = './Main.aspx?evt=2048001&src=Main.aspx.2048001&documentID=A698565A432FE3A441ADED8AAB98013A&promptAnswerMode=2&valuePromptAnswers=' + facilityRollaupName
  window.open(url,'_self');
}
function GridClick()
{
$( "#table_grid_W1077_0 tr td:nth-child(3)" ).hover(function()
    {
       $(this).css("cursor", "hand");
    });
   $( "#table_grid_W1077_0 tr td:nth-child(3)" ).click(function(e)
   {  
        NavToFacilitySummary(e);
   });
}
$(document).ready(function() 
{
 GridClick();
   });
</script>


Please note that the HTML mark up for the grid below is: table_grid_W1077_0 
Pleae note that the grid is on the right side of the image and the column whose elements have click event to them is highlighted in red on that grid.

Please advice. Eagerly awaiting.