You can now change raty element

Instead of just using `<img>` to define a *star element*, now you are also able to use whatever element you want. Useful if you want to deal w/ retina displays and/or you already have font-awesome/bootstrap and don't need more images. + you can style it however you want. i.e.

```html
<!-- import font awesome -->
<link href="//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css" rel="stylesheet">
```

```js
// declare the element type (setting 'i', an <i> element will be created instead of <img> in this case) and the classes to apply to the various star states
$('#my_star_rating').raty({
  starType : 'i',
  starOn   : 'fa fa-star',
  starOff  : 'fa fa-star-o',
  starHalf : 'fa fa-star-half-o'
});
```

```css
/* + some style (isn't needed w/ f.awesome, but if you want to override inherited font props...) */
.fa {
  font-size: 16px;
}
.fa-star {
  color: #40d32a;
  text-shadow: 0 1px #fff;
}
.fa-star-o,
.fa-star-half-o {
  color: #999;
}
```

**Note:** default behaviour hasn't changed, so it's totally compatible w/ existing code