How to use Fontawsome implementing a functional RatingSystem

I'm using font awesome to implement a rating system. so far I can make a number of stars visible on the bottom of a page, though, it is long from being done.

I would need some assist on how to make these stars to work as a functional rating, where clicking on them would register (in the database) the number of rates being given.

I used a simple foreach loop passing the fontawesome.

for (int i = 0; i < @Model.Rating; i++)
{
    <i class="fa fa-star"></i>
}

this is how it looks like now.