title: How to change div padding percent using jquery?
body: <p>I am using a <code>responsive</code> window for playing videos.</p>
  
  <pre><code>.player-window {
      position: relative;
      padding-bottom: 42%;
      height: 0;
      overflow: hidden;
      max-width: 100%;
  } 
  </code></pre>
  
  <p>I would like to change the <code>padding-bottom %</code> for each video that I click.
  Heres is what I tried just guessing. It does not work but I think its clear what Im trying to do.</p>
  
  <pre><code>$('.thumbnail').on('click', function() {
      $('.player-window').css(padding - bottom: '50%');
      $('.player-window').html('embedded video');
  });
  </code></pre>