title: Jquery code, not understanding properly
body: <p>I am very new to web design and I am struggling in understanding the following jQuery code.</p>
  
  <p>On my index.html page I have two links one called smaller the other bigger.</p>
  
  <pre><code>function change_size(element,size){
      var current = parseInt(element.css('font-size'));
      if(size =='smaller'){
          var new_size = current - 2;
      } else if (size=='bigger'){
          var new_size = current + 2;
      }
  
      element.css('font-size', new_size + 'px');
  }
  
  $('#smaller').click(function(){
      change_size($('p') 'Smaller'); /// function call 
  });
  $('#bigger').click(function(){
      change_size($('p') 'bigger');
  });
  </code></pre>
  
  <p>Does the <code>element.css()</code> line at the end of the first function add <code>font-size</code> to <code>new_size</code> and then append "px" to it?</p>