title: How do you change position relative to absolute?
body: <p>Here's the <a href="http://jsfiddle.net/PhillipSenn/LaRWY/10/" rel="nofollow noreferrer">fiddle</a>.</p>
  
  <p>This question is a follow-on to <a href="https://stackoverflow.com/questions/24495860/trying-to-change-an-images-position-and-size-at-the-same-time">this question</a>.</p>
  
  <p>I have a button type="image" with a neat little animation when the user clicks on it.  However, in order to get the animation to work, I have to make the button position:absolute.</p>
  
  <p>Q: Can I set the position:absolute when the user presses the button?  I don't know where the button is going to be on the page because it's at the bottom of a long list.</p>
  
  <pre><code>(function() {
      $(document).on('click','#save',clicked)
      function clicked(myEvent) {
          myEvent.preventDefault()
  
          $(this).attr('src','http://www.PhillipSenn.com/GetupAGame/Inc/png/emojiTennisBallShaved.png')
          $(this).addClass('serve')
      }
  })()
  </code></pre>
  
  <p>If I just change the position property, isn't it going to jump on the page?</p>