Open Dialogue And Populate DropDown Within

Open Dialogue And Populate DropDown Within

I have the following div on my page.

  1. <div id="edit">
    <select id ="pages" ></select>
    </div>

I want to populate the above dropdownlist with json data but it is not working . Below is my code.
  2. $(document).ready(function () {
  3.     var data = "[{'url1':'page1','url2':'page2','url3':'page3'}]";            
  4.     $('#edit').dialog({ autoOpen: false })
  5.     $('#editpage').click(function () {
  6.        $('#edit').dialog('open');                    
  7.        $.each(jQuery.parseJSON(data), function (i, value) {
  8.          $('#pages').select.append('<option value="' + value.url + '">' + value.url + '</option>');   
  9.       });                   
  10.    });               
  11. })