Need to add # hash to Ajax loaded content

I’ve loaded content using Ajax on a specific page template. I loaded it using the following code.

jQuery.noConflict();
jQuery(document).ready(function($){

$.ajaxSetup({cache:false});
$("a.ajax").click(function(){
var post_url = $(this).attr("href");
 var post_id = $(this).attr("rel");
$("#shop").html('<div class="loading"><img src="https://dev.riverroadcoffees.com/blog/wp-content/uploads/2013/12/ajax-loader.gif" /> <span>Loading...</span></div>');
$("#shop").load(post_url);

return false;});
});

I can’t figure out how the user will be able to bookmark the page or share the link to a specific product. I’m using woocommerce as the shopping cart. Any help would be appreciated.