Dynamic drop down in HTML

[aneeb]

Hey everyone! i am creating a dynamic drop down menu in html, but the values are not coming in the drop down, it shows an empty menu. I am calling the PHP file which is echoing JSON of the data. here is the Javascript code..

$(function(){var serviceURL = "http://localhost/mano-2/";var get = '';  get = 'echo_cat.php';  var items="";  $.getJSON(serviceURL + get , function(data){	$.each(data,function(index,item)	{	  items = items + "<option value='"+item.entity_id+"'>"+item.name+"</option>" ;	});	$("#a1_title").html(items);  });}); 

the JSON is like this

{"items":[{"entity_id":"1","name":"Root Catalog"},{"entity_id":"2","name":"Default Category"}]}

the HTML code is like this

<select id="a1_title">  <option>Default</option></select>

Please help me..

[justsomeguy]

You should check for Javascript errors, but it looks like you want to loop over data.items instead of just data. There's only 1 item in data, which is the "items" array.

[aneeb]

In error log it is saying that $ is not defined...

[Ingolme]

Maybe you haven't included jQuery or whichever library is using the $ symbol.

[aneeb]

i have included the jQuery, but still the data is not coming in the drop down.