Is it possible to change between two fontawesome icons on hover?

Question

I have an anchor tag with a font-awesome icon as follows

Answer 1

In jquery it would just be:

$(document).ready(function () {
        $('.icon-unlock').hover(function () {
            $(this).addClass('icon-lock');
            $(this).removeClass('icon-unlock'); 
        }, function () {
            $(this).addClass('icon-unlock');
            $(this).removeClass('icon-lock');
        });


    });

Here is a working jsfiddle of this.

If you are using jquery ui then you can use .switchClass.

An example of this would be:

$(document).ready(function() {
   $(".icon-unlock").switchClass("icon-unlock", "icon-lock");
});

The api on .switchClass() is located here