AJAX Pagination Blocking Other JS?

Hi there,

I’m using JS to set a cookie to switch between grid and list views on http://development-client-server.com/elk/cabins/ (see text links on top of the listings – not styled yet). They work great and will force reload the page to the new view. However, after I select a filter item, or use the pagination (using the AJAX option), my view switcher no longer works, and seems to jump to the top. Any suggestions on how to prevent this?

Here’s the JS for the view switcher (using JS Cookies plugin)

// View Switcher Cookies

$('#list-view').click(function(e) {
   e.preventDefault();
   Cookies.set('listingType', 'list', { expires: 7 });
   window.location.reload(); 
});

$('#grid-view').click(function(e) {
   e.preventDefault();
   Cookies.set('listingType', 'grid', { expires: 7 }); 
   window.location.reload();
});

and then using a simple if/else to switch the style of posts inside the loop:

<?php if(isset($_COOKIE['listingType']) && $_COOKIE['listingType'] == 'list') { ?>