Is it possible to delete elements completely using jquery?
<p>I have got a list of elements that im trying to delete using the .remove() from jQuery.It does delete the elements while viewing the page on the browser but I was wondering if its possible to delete the elements in its entirety from the page? So when i open the file in an editor later on, those elements shouldn't appear. </p>

<p>And one thing I have noticed that was even though the .remove() deletes the elements, the deleted elements comes back once i refresh the page. Would some be kind enough to give an explanation for this ?</p>

<p>I have posted below the code i've written :-</p>

<p>HTML:</p>

<pre><code>&lt;ul class="listServices"&gt;

            &lt;li class="date"&gt;03rd October Sunday &lt;/li&gt;
            &lt;li class="subject"&gt;maths&lt;/li&gt;
            &lt;li class="subject"&gt;english&lt;/li&gt;
            &lt;li class="subject"&gt;physics&lt;/li&gt;

&lt;/ul&gt;
&lt;div class="btn"&gt;delete&lt;/div&gt;
</code></pre>

<p>Jquery:</p>

<pre><code>$(document).ready(function() {
 $('.btn').click(function () {
      $curr = $(this).prev();
     $curr.remove();
    });
    });
</code></pre>
