About Select:Selected selector

About Select:Selected selector

Hello,

I have this script:

  1. $(document).ready(function(){
     
    jQuery("select[name='type']").change( function()
    {
     if (jQuery("select[name='type']:selected").val() == "Par" )
     {
     jQuery("#nom").rules("add", "required");
     jQuery("#prenom").rules("add", "required"); 
     jQuery("#particulier").show();
     jQuery("#professionnel").hide();
     }
     else
     {
     /*jQuery("#whathelp").rules("remove", "required");*/
     jQuery("#entreprise").rules("add", "required"); 
     jQuery("#professionnel").show();
     jQuery("#particulier").hide();
     }
    }); 
    })


















I want that some div are displayed or hidden depending on a drop down menu value.

My page : http://www.voilou.fr/TEST/testjavascript2.html

The problem is that the script doesn't work, I select one element but the div are nor hidden or displayed..

Please help
THX