title: parseInt() not working as expected
body: <p>I am custom coding an image slider right now and I am adding a <code>data-slideNum</code> attribute to each slider image and thumbnail image like so:</p>
  
  <pre><code>$('.slide').each(function(i) {
      $(this).attr('data-slideNum',i);
  });
  
  $('.thumbnail').each(function(i) {
      $(this).attr('data-slideNum',i);
  });
  </code></pre>
  
  <p>Of course this numbers the slides 0-X. Below the slider I would like to put a caption that shows what number slide you are on so I am trying to add <code>1</code> to the slide number variable and slide total so the numbers are correct:</p>
  
  <pre><code>$('.slideNum').html(parseInt(x+1)+' of '+parseInt(slideTotal+1));
  </code></pre>
  
  <p>The 2nd <code>parseInt()</code> is working correctly, but the first one is concatenating instead of parsing.</p>
  
  <p>So instead of <code>2 of 5</code> I am getting <code>21 of 5</code> and so on.</p>
  
  <p>Any ideas?</p>