2. $(document).ready(function() {
3.     var target = '.bigLink';
4.     var hoverClass = 'hoverBigLink';
5.     $(target).each(function(){
6.       $(this).hover(
7.             function(){
8.               $(this).addClass(hoverClass);
9.               status=$(this).find('a').attr('href');
10.               },
11.               function(){
12.             $(this).removeClass(hoverClass);
13.             status='';
14.           });
15. 
    
16.           $(this).click(function(){
17.           location = $(this).find('a').attr('href');
18.           });
19.          $(this).css('cursor', 'pointer');
20.     });
21. 
    
22.     $(target + ' a')
23.     .focus(function() {
24.       $(this).parents(target).addClass(hoverClass);
25.     })
26.     .blur(function() {
27.       $(this).parents(target).removeClass(hoverClass);
28.    });
29. }); // end ready()
30. 
    

Why is bigLink preceded by a Dot , where as hoverBigLink is not ? Why So ? 

2. var target = '.bigLink';
3. var hoverClass = 'hoverBigLink';