title: jquery select previous div from an input field
body: <p>I know that the question is so simple but I can't figured it out. I have the following html ;</p>
  
  <pre><code>&lt;div class="prev_comments"&gt;                     
      &lt;div class="commentRow"&gt;
          &lt;div class="box1"&gt;&lt;/div&gt;
          &lt;h2&gt;
              &lt;span&gt; ..some text..  &lt;/span&gt; ..some text again..
          &lt;/h2&gt;                     
      &lt;/div&gt;                  
  &lt;/div&gt;
  &lt;div class="new_comment"&gt;
      &lt;input class="writecomment" type="text" placeholder="Write a comment"&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I have a <code>.writecomment</code> event in jquery. So, in my jquery, <code>$(this)</code> stands for writecomment field.</p>
  
  <p>I need to append a new <code>&lt;div class="commentRow"&gt; ... &lt;/div&gt;</code>. In my jquery, I have the following code ;</p>
  
  <pre><code>$(this).closest('.new_comment').prev('.prev_comments').append($comment_element).hide().fadeIn('slow');
  </code></pre>
  
  <p>It doesn't work at all. <code>$comment_element</code> is just the necessary html to append for <code>&lt;div class="commentRow"&gt; ... &lt;/div&gt;</code></p>
  
  <p>Any ideas why it doesn't work ? Any solutions ?</p>
  
  <p>Based on comments, here is the link of jsFiddle;</p>
  
  <p><a href="http://jsfiddle.net/aacanakin/fv3hN/" rel="nofollow">http://jsfiddle.net/aacanakin/fv3hN/</a></p>