title: Update current page URL but maintain the back button state
body: <p><strong>CONTEXT</strong>: I have an app that displays a list of products. When clicking on a product you are taken to a new page which displays more information about that product including available colors.</p>
  
  <p>When clicking on a color the associated product image is displayed. The url hash is also updated with the color info so when reloading the page the specific color image will be shown.</p>
  
  <p><strong>PROBLEM</strong>: When user clicks a bunch of colors and then tries to go back to the product list page using the back button, the url is updated based on the state changes made when clicking colors. I would like to update my code so that when the user clicks the back button they are sent back to the list of products.</p>
  
  <p>Essentially I want to update the url hash and maintaining the original state of the back button.</p>
  
  <p>This is the code I use to update my url:</p>
  
  <pre><code>window.location.hash = color_parameter
  </code></pre>
  
  <p>Is the intended functionality achievable without using <code>window.history</code> / history.js? If so, how? If not, what do I need to implement to make this work and still be cross browser friendly?</p>
  
  <p>I would prefer to NOT add a back button into the html pointing to <code>document.referrer</code> </p>