jQuery Forum

hi guys this is mi first post i been reading a book of jquery just for about two days, i think mi first issue is pretty simple so i think to ask u guys here.

i want a hidden div that will have a html form for login,
and i have a link i want when the user click the link the div appear above the link  so the user can log in

i have this code (im using Codeigniter framework i think it has nothing to do )

1.   <div id="loginControl" >
2. <?php
3.     echo form_open('login/validate_credentials');
4.     echo form_input('username','Username');
5.     echo form_password('password','Password');
6.     echo form_submit('submit','Login');
7. //    echo anchor('login/signup','Create Account');
8.     echo form_close();
9. ?>
10.   </div>
11. <a href="#" id="login">Login</a>

( i dont know if i can apply an id to a link)
and this is mi Jquery script and i know im wrong :P so im asking for suggestions ty

1. $(function(){
2.     $('login').click(function (){
3.         $('#loginControl').fadeIn('fast');
4.         });
5.     });

i want the login link to be the only that launch the jquery event and show my loginControl Div
im sure it can be done but im certain not this way

ty and sorr for the problem