Question: ```
<ul>
<li>Name: Billy</li>
<li>Phone: 0000000000</li>
<li>Email: info@email.com</li>
</ul>

```

I am trying to make all the values (after the semi-colon `:`) bold, like `Billy`, etc.
How do I accomplish this with jQuery?

It should look like this:
 * Name: **Billy**
* Phone: **0000000000**
* Email: **info@email.com**

Answer: 
This should work

```
$('li').each(function(){
    var contents = $(this).text().split(":");
    contents[1] = "<b>" + contents[1] + "</b>";
    $(this).html(contents[0] + ": " + contents[1]);
});

```

It splits the current text on the ":", then adds the tags to the second half.

Fiddle: <http://jsfiddle.net/u6vHD/>
```
$('li').each(function(){
   var text = "<b>"+ $(this).text().split(':')[1]+"</b>";
   $(this).html($(this).text().split(':')[0] +": "+ text);
});

```

[jsFiddle Demo](http://jsfiddle.net/mohammadAdil/zFsxZ/3/)