unable to use integer string as pixel value?
<p>In the code below, I'm trying to get the string <code>(40*(parseInt($('#2-cat').attr('id')))+1)</code> to be the pixel height for moving a div. But it is just not working, and I don't really see why - I've put in two other test lines of code, and the server seems to accept that this string is an integer... but it doesn't want to let me use it for the height of the div.</p>

<pre><code>$(document).ready(function() {
    $('p').click(function(){
        //$('p').html(40*(parseInt($('#2-cat').attr('id')))+5)
        //$("#line").animate({"top":"80px"});
        $("#line").animate({"top":"(40*(parseInt($('#2-cat').attr('id')))+1)px"});
    });
});
</code></pre>

<p>HTML:</p>

<pre><code>&lt;div id='line' style='height:100px; width:100px; background-color:red;position:relative'&gt;&lt;/div&gt;
&lt;div id='2-cat'&gt;hello&lt;/div&gt;
&lt;p&gt;hellos&lt;/p&gt;
</code></pre>

<p>All can be viewed at <a href="http://jsfiddle.net/platypus117/XyLNG/1/" rel="nofollow">http://jsfiddle.net/platypus117/XyLNG/1/</a></p>
