title: Create Div using JQuery and JSON data
body: <p>I have some JSON data below and I would like to create an HTML <code>div</code> using jQuery with some of the data from the AJAX JSON response. The <code>div</code> will be created inside the success code:</p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
      $(document).ready(function() {
          $("#add-notes-form").submit(function(e){
              e.preventDefault();
              $.ajax({
                   type: 'POST',
                   url: '&lt;?php the_permalink(); ?&gt;',
                   dataType: 'json',
                   data: $("#add-notes-form").serialize(),
                   success: function(result){
                       $("#tab7 form").after("Code needs to go here");
                   }
               });
           });
      });
  &lt;/script&gt;
  </code></pre>
  
  <p>JSON Data:</p>
  
  <pre><code>{"comment_ID":"2",
   "comment_post_ID":"396",
   "comment_author":"Me",
   "comment_author_email":"me@gmail.com",
   "comment_author_url":"http:\//gmail.com",
   "comment_author_IP":"",
   "comment_date":"2012-09-17 09:21:19",
   "comment_date_gmt":"2012-09-17 16:21:19",
   "comment_content":"This is a killer Note. 4",
   "comment_karma":"0",
   "comment_approved":"1",
   "comment_agent":"",
   "comment_type":"note",
   "comment_parent":"0",
   "user_id":"1"}
  </code></pre>
  
  <p>The HTML I'm trying to create:</p>
  
  <pre><code>&lt;div id="comment-2" class="binder-user-note"&gt;
      &lt;a href="?delete=2" id="close-note"&gt;&lt;/a&gt;
      &lt;h1&gt;I added this on: Monday 17th September 2012&lt;/h1&gt;
      &lt;p&gt;This is a killer Note. 2&lt;/p&gt;
      &lt;a href="edit?2" id="editnote"&gt;&lt;/a&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>What I have so far:</p>
  
  <pre><code>&lt;div id="comment-'+response.comment_ID+'" class="binder-user-note"&gt;
      &lt;a href="?delete='+response.comment_ID+'" id="close-note"&gt;&lt;/a&gt;
       &lt;h1&gt;I added this on: '+response.comment_date+'&lt;/h1&gt;
       &lt;p&gt;'+response.comment_content+'&lt;/p&gt;
       &lt;a href="edit?'+response.comment_ID+'" id="editnote"&gt;&lt;/a&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p><code>response</code> is the object.</p>