How to put a degree symbol in an html input field through javascript

Question

I have a text box as

HTML

<input type="text" id="lat" placeholder="Latitude" ng-lat value="9&#176;"> 

which works fine as it displays the degree sign perfectly, but when I try to set the value through jquery like

Jquery

$("#lat").val("9°")

Its displaying the entire text instead of the degree symbol.

Answer 1

You can target the value attribute:

$("#lat").attr('value',"101"+String.fromCharCode(176))

it is also better to use .text() to set the text because .val() is used to retrieve the value of an element

Answer 2

You can use HEXCode, e.g

 <a href id="my">Here</a> 
<script>
    $('#my').click(function()
                    {
    alert('9\xB0');
    });
    </script>

Also go through this link