Fixed '::' separation in tooltips on state buttons in grid view

http://joomlacode.org/gf/project/joomla/tracker/?action=TrackerItemEdit&tracker_item_id=31215

This fixes the '::' separated tooltips you see on the change state buttons in the grid (list) views.
![tooltips](https://f.cloud.github.com/assets/744259/692578/2a489f80-dc34-11e2-8f2a-15397c1a3f0b.png)

### New tooltipText method
To facilitate this, I have added a method to the JHtml class called *tooltipText*.
This method will convert a ```foo::bar``` style string to a string ready for the Bootstrap tooltips: ```<strong>foo</strong><br />bar```.
```
JHtml::tooltipText('foo::bar');
```
Or it concatenates 2 strings in the  ```<strong>foo</strong><br />bar``` style:
```
JHtml::tooltipText('foo', 'bar');
```
This method can be used anywhere else now too.

#### Testing Instructions
Check all the grid views (list views, like the Article Manager, Module Manager, etc) to see if the tooltips on the state buttons are ok.