title: Add in integer to returned value with jQuery
body: <p>I have a page with a <code>div id="videoFrame"</code> that holds the video tag.  The videos have variable heights so I have a function to grab the height value and plug it into the css of the <code>div id="videoFrame"</code> like so:</p>
  
  <pre><code>var videoHeight = $('video').attr('height');
  $('#videoFrame').css('height',videoHeight+'px');
  </code></pre>
  
  <p>This works great.  But here's the part driving me crazy.  I have a p tag with disclaimers at the bottom of the <code>div id="videoFrame"</code>.  So I would like to add an additional 26px to the returned height.  I tried:</p>
  
  <pre><code>var videoHeight = $('video').attr('height');
  var frameHeight = videoHeight + 26;
  $('#videoFrame').css('height',frameHeight+'px');
  </code></pre>
  
  <p>But as you would expect it is adding 26 to the end of the returned value. i.e. if returned value is 337 output for var <code>frameHeight</code> is 33726.</p>
  
  <p>I can not for the life of me figure out how to do this.</p>
  
  <p>Thanks in advance for any help</p>