Finding a correct parent div, from a link with an ID jquery?
<p>I have a list of updates for my website which are displayed from mysql using a while loop something like.</p>

<pre><code>while ($update = $q -&gt; fetch(PDO::FETCH_ASSOC)) {

            echo '&lt;div class="displayBox"&gt;&lt;div&gt;
            &lt;span class="date"&gt;' . $update['dateTime'] . '&lt;/span&gt;';
            typeColor($update);
            echo '&lt;/div&gt;
            &lt;p class="spacer indent"&gt;' . $update['message'] . '&lt;a id="' . $update['id'] . '" class="delete deleteUpdate" href="#"&gt;Delete&lt;/a&gt;&lt;/p&gt;
            &lt;/div&gt;';
        }
</code></pre>

<p>Upon someone clicking the delete button I run a simple jquery ajax request like:</p>

<pre><code>$('.deleteUpdate').click(function() {

var id = $(this).attr('id');
$.ajax({data: {deleteUpdate: id},
            success: function() {

        window.location = pageURL;
    }
});
});
</code></pre>

<p>Upon success I reload the page, is it possible to not reload the page but to instead hide the update that has been deleted, saving server requests? How would I make jquery find the correct parent with the class="displayBox" ?</p>

<p>Thanks</p>
