title: Rewrite url in browser's address bar with #?
body: <p>I have some elements on my page that get loaded via an ajax call. I'd like to make the url in the user's browser change when they click an item. For example, my page has a list of animals:</p>
  
  <pre><code>Horse
  Cow
  Pig
  </code></pre>
  
  <p>when the user clicks one of those items, I want to update the url in their browser's address bar (not reload the page):</p>
  
  <pre><code>http://www.mysite.com#Horse
  http://www.mysite.com#Cow
  http://www.mysite.com#Pig
  </code></pre>
  
  <p>I think that's allowed, putting the # symbol in the address without reloading the page. Is there a way to do this in jquery? </p>
  
  <p>Thanks</p>