Details
-------

* I have a dropdown-menu of countries
* Each country have an id of it's name. Ex. Australia - `id="Australia"`
* When I select on them, they will redirect/zoom-in to that country.
* It's work so far, but it's a little hard to tell which country that I just clicked on.
* So now, I want apply `border` to my `class="country-name"`
* Here is my dropdown-list

![enter image description here](https://i.stack.imgur.com/EcW5e.jpg)

As you can see I selected on `Australia` then my HTML should like this

`<h5 id="Australiaia" class="country-name" >Australia</h5>`

Then, my view should re-direct me to

![enter image description here](https://i.stack.imgur.com/PBNAw.jpg)

Here is what I want to do , I want to put the border to Australia in the view.

[JSFiddle](http://jsfiddle.net/9a3k74kd/)
-----------------------------------------