title: Set URL parameters without causing page refresh
body: <p>How can you set URL parameters using <code>History.pushState()</code> to avoid browser refreshes? If there is a not a simple JS solution, is there already a popular library or built in function for jQuery?</p>
  
  <p>Here is a relevant SO question, where the accepted answer does not actually work according to comments &amp; my test (it removes the query string instead of updating a value): <a href="https://stackoverflow.com/questions/10420955/history-pushstate-change-query-values">history.pushState() change query values</a></p>
  
  <p>Just to be clear, I am referring to the URL parameters in a query string:
  <code>http://google.com/page?name=don</code> so we could change <code>don</code> to <code>tim</code> without causing a reload. </p>
  
  <p>Here is <a href="https://gist.github.com/MarkVaughn/2096943" rel="nofollow noreferrer">one possible solution</a> I found. However I'm nervous about using a JS library that only has 2 followers :P </p>