Fixed issue where the hightlight was highligting the html tag

Made a change to put in the highlight html before the call to render. My renderer was returning "`<b>beer</b>`".
```javascript
renderer: function (obj) {
  return obj.isTop ? '<b>' + obj.name + '</b>' : obj.name;
}
```
Since I typed in "b" in the input field the highlighter would return "`< <em>b</em> >beer</b>`"

There is also a new parameter to the render function so that it can have access to the highlighted text. Here is an example of what mine looks like.

```javascript
renderer: function (obj, highlightedText) {
  return obj.isTop ? '<b>' + highlightedText + '</b>' : highlightedText;
}
```
I couldn't think of a way to make this backwards compatible with the time I had. Thinking about it now that could have probably done a replace.
```javascript
('<b>beer</b>').replace('beer', '<em>b</em>eer');
```