on mouse over

[bullet_1]

I am very new to javascript

I am creating a quiz form in which each question has four options.
Ex:
1. What is your favourite sport ?
A. Cricket
B. Football
C. Hockey
D. Baseball
When mouse over on options A, B, C, D bg color has to be appeared to the end of text only and when mouse is clicked, only one option has to be selected among four along with bg color.
No bg color for question.

following code, using by me where selects all options

$( document ).ready(function()
{
    $(".answer").bind("click",function(){
           var x=$(this);
           if(x.hasClass("highlight"))
           {
              x.removeClass("highlight")
           }
           else
           { 
             //    $(".highlight").removeClass("highlight");
                 x.addClass("highlight");
           }
   });
//     var y = $(this).attr("id");
});

.highlight
{background-color:pink; }

thanks in advance