title: Get json data and display in div using jquery in my Popup
body: <p>In my button click i had a popup div and inside that i need to show divs with  data return in json format</p>
  
  <pre><code>      &lt;a href='somelink' title='hello'class='details' rel='id'&gt;h1&lt;/a&gt;
  </code></pre>
  
  <p>My pop up div as follows</p>
  
  <pre><code>&lt;div id="popupdiv"&gt;
  &lt;/div&gt;
  
      &lt;script type="text/javascript"&gt;
      $(".details").live("click", function () {
       var id = $(this).attr("rel");
  
      $('#popupdiv').modal();
      $.ajax({
              type: "GET",
              contentType: "application/json; charset=utf-8",
  
              url: "/mycontroller/details?Id="+ id,
              data: "",
              dataType: "json",
              success: function (data) { //which contains name,email etc how can i append the  details on to the "popupdiv" div by inserting in to another div
  
              }
      });
      return false;                     
       });
       &lt;/script&gt;
  </code></pre>