title: How to serialize current div by using $(this).parent() with JQuery?
body: <p>I am trying to serialize the current div by using a clickevent. See code for good explanation:</p>
  <pre><code>$(&quot;#createreview&quot;).live('click', function() {
      alert($(this).parent().serialize());
      $.post('/admin/home/review/create/', $(this).parent().serialize(), function(data){
         alert('Review successfully added to database.' +data);
      });
  });
  </code></pre>
  <p>Alert will show nothing, which means the div is not being serialized. This is the html in question. It's inside a dialog, which is also the reason why I have to use <code>live()</code>.</p>
  <pre><code>&lt;div id=&quot;reviewdiv&quot;&gt;
              &lt;input type=&quot;hidden&quot; value=&quot;7&quot; name=&quot;homeid&quot;&gt;
              &lt;label&gt;Content&lt;/label&gt;&lt;textarea name=&quot;reviewcontent&quot; id=&quot;reviews&quot; rows=&quot;3&quot; cols=&quot;60&quot;&gt;&lt;/textarea&gt;&lt;br&gt;
              &lt;label&gt;Author&lt;/label&gt; &lt;input type=&quot;text&quot; name=&quot;reviewauthor&quot;&gt;&lt;button class=&quot;ui-state-default ui-corner-all&quot; id=&quot;createreview&quot;&gt;Save Review&lt;/button&gt;&lt;button class=&quot;ui-state-default ui-corner-all&quot; id=&quot;removereview&quot;&gt;Remove Review&lt;/button&gt;&lt;br&gt;
          &lt;/div&gt;
  </code></pre>
  <p>Also this code is working without a problem to remove the current div by using the clickevent and parent selector.</p>
  <pre><code>$(&quot;#removereview&quot;).live('click', function() {
    $(this).parent().slideUp();
  });
  </code></pre>