Manipulationg CSS properties

Manipulationg CSS properties

Hi

I came across this code for doubling the size of a div

var target=$('#target');
target.css({width:target.width()*2,height:target.height()*2});


Please forgive my ignorance :) but i would like to know:

in this piece of code 'target.css({width:target.width()*2,height:target.height()*2});'
why is target.width mentioned twice when it is seemingly understood that is the width of the target that we are talking about?

i mean why can't we write the code like this:

target.css({width:width()*2,height:height()*2});

Thanks for helping me!