How to remove a div in the parent structure?
<p>I am trying to remove some elements using a link. The elements that I am trying to remove are in a link's parent div, but i cannot seem to remove them.</p>

<p>Here is the HTML:</p>

<pre><code>                  &lt;div class="QR-answer-holder"&gt;
                  &lt;label class="QR-answer-label"&gt;Enter an answer:&lt;/label&gt;
                  &lt;input class="QR-answer-input textbox" type="text" name="answer" /&gt;
              &lt;/div&gt;
                &lt;a class="new-answer new-qr-answer-space" href="javascript:void(0)"&gt;New answer space&lt;/a&gt; | 
                &lt;a class="remove-answer remove-qr-answer-space" href="javascript:void(0)"&gt;Remove Answer Space&lt;/a&gt;
</code></pre>

<p>Here is the JQuery:</p>

<pre><code>      $remove_qr_answer = $(".remove-qr-answer-space");
  $remove_qr_answer.live("click", function() {
      $(this).parent.$(".QR-answer-holder").$(".QR-answer-label").remove();
      $(this).parent.$(".QR-answer-holder").$(".QR-answer-input").remove();

  });
</code></pre>

<p>Is there anyway to make it so the remove button removes the label and input closest to the end of the div? (or does it do that automatically)?</p>
