title: how to write a function in jquery
body: <p>Guys actually i want to write this code shortly, instead of rewriting the same code for all my 4 elements individually i would like to write a function that will be called for each element and execute.</p>
  
  <pre><code>$(function(){
  $('#basic').mouseover(function(){
      $('#table-one').css({ boxShadow : "0 0 5px 3px rgba(100,100,200,0.4)" });
      });
  $('#basic').mouseout(function(){
      $('#table-one').css({ boxShadow : "0 0 0 0" });
      });
  
  });
  
  $(function(){
  $('#standard').mouseover(function(){
      $('#table-two').css({ boxShadow : "0 0 5px 3px rgba(100,100,200,0.4)" });
      });
  $('#standard').mouseout(function(){
      $('#table-two').css({ boxShadow : "0 0 0 0" });
      });
  
   });   
  
   $(function(){
  $('#pro').mouseover(function(){
      $('#table-three').css({ boxShadow : "0 0 5px 3px rgba(100,100,200,0.4)" });
      });
  $('#pro').mouseout(function(){
      $('#table-three').css({ boxShadow : "0 0 0 0" });
      });
  
  });
  
    $(function(){
  $('#expert').mouseover(function(){
      $('#table-four').css({ boxShadow : "0 0 5px 3px rgba(100,100,200,0.4)" });
      });
  $('#expert').mouseout(function(){
      $('#table-four').css({ boxShadow : "0 0 0 0" });
      });
  
  });
  </code></pre>