problem in Calling Wcf Service

See more:

C#

VB

ASP.NET

I created Wcf Service and this output like this

[{"id":"AD","name":"Andorra"},{"id":"AE","name":"United Arab Emirates"},{"id":"AF","name":"Afghanistan"},{"id":"AG","name":"Antigua And Barbuda"},{"id":"AI","name":"Anguilla"},{"id":"AL","name":"Albania"},{"id":"AM","name":"Armenia"},{"id":"AN","name":"Netherland Antilles"},{"id":"AO","name":"Angola"},{"id":"AQ","name":"Antartica"},{"id":"AR","name":"Argentina"},{"id":"AS","name":"Samoa, American"},{"id":"AT","name":"Austria"},{"id":"AU","name":"Australia"},{"id":"AW","name":"Aruba"},{"id":"AX","name":"Aland Islands"},{"id":"AZ","name":"Azerbaijan"},{"id":"BA","name":"Bosnia Herzegovina"},{"id":"BB","name":"Barbados"},{"id":"BD","name":"Bangladesh"},{"id":"BE","name":"Belgium"},{"id":"BF","name":"Burkina Faso"}]


but when i Call it in javascript

<div>
       <input type="text" id="demo-input" name="blah" />
       <input type="button" value="Submit" />
       <script type="text/javascript">
       $(document).ready(function() {
           $("#demo-input").tokenInput("http://localhost:4398/MyFirstService.svc/json/getdata");
       });
       </script>
   </div>

there is no data in input item

[EDIT]: localhost link removed