title: How to prevent back button from firing on .click()?
body: <p>I have a simple bit of JavaScript that is swapping a video thumbnail for the embed video hidden behind it on a user click:</p>
  
  <pre><code>(function($){
      $(document).ready( function(){
           $(".video-image").click(function(){
           $(".video-embed").css({"opacity":"1","display":"block"});
           $(".video-embed")[0].src += "&amp;autoplay="+autoplay;
           $(this).unbind("click");
          });
      } );
  })(jQuery)
  </code></pre>
  
  <p>I also have a form on the same page that, when submitted, takes the user to a thank you page. If the video on the homepage is either paused or still playing when the form is submitted, and then the user chooses to hit the back button from the thank you page, the video on the homepage will begin playing again. I believe this is because JavaScript treats the back button as a .click event.</p>
  
  <p>Basically, I want to prevent the back button from executing the JavaScript. Is there a way around this?</p>