title: send ajax jquery request show response into dialog jqueryui
body: <p>i have link like this
  i need show detail of city in dialog box with city id or name but cannot send data</p>
  
  <pre><code>&lt;a class="dot"  style="top:110px;  left:145px;" continent="NA"  id="1"  name="1"&gt;&lt;/a&gt;
  </code></pre>
  
  <p>i need when clicked show the popup dialog 
  but dialog not open after click</p>
  
  <pre><code>    &lt;script language="javascript" type="text/javascript"&gt;
  $('a.dot').click(function(){
  var vid=$(this).attr('id');
  var vname=$(this).attr('name');
  var vcity=$(this).attr('city');
  $.ajax({
  type : GET,
  data:{id : vid , name : vname , city : vcity},
  url : "ajax.php",
  success : function(data){
  $('#dialog-message').html(data);
  }
  
  });
  });
  &lt;/script&gt;
  
  &lt;a class="dot" style="top:110px; left:145px;" continent="NA" id="1" name="1" city="teh"&gt;&lt;/a&gt;
  
  &lt;div id="dialog-message"&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>And ajax.php code is:</p>
  
  <pre><code>if(isset($_GET)){
  echo '&lt;script&gt;
      $(function() {
          $( "#dialog-message" ).dialog({
              modal: true,
              buttons: {
                  Ok: function() {
                      $( this ).dialog( "close" );
                  }
              }
          });
      });
      &lt;/script&gt;
      &lt;div id="dialog-message"&gt;
     ' . $_GET[name]  . ',' . $_GET[id] . ',' . $_GET[city] . '
      &lt;/div&gt;
  ';
  }
  </code></pre>