<div>
why do you need to remove that cookie if you set it ?
</div>


<div>
Hi sharingsunshine,<br />
<br />
To delete a cookie with JQuery, set the value to null:<br />
<br />

<pre><code class="code-1 nolinks" id="code-20-42826892-1"><span>$.cookie(&quot;name&quot;, null, { path: '/' });</span>
</code></pre>
</div>


<div>
because it puts a message in the order comments box and if they place another order the same message will be shown again and cause extra work thinking the 2nd message is an initial request. &nbsp;When in fact, it has already been taken care of.
</div>


<div>
you can clear this cookie using server code just after you validate the order submission<br />
and initialy a cookie should go away if you don't set the expiration date, so don't set it and you solve your problem<br />
<br />
1 - clear cookie with server on order submission<br />
2 - don't set expiration date
</div>


<div>
Nicolas, when I use your code it inactivates my jQuery button's color and text change.<br />
<br />
It does create the cookie but order submission doesn't delete the cookie.
</div>


<div>
I have tried it with and without an expiration date and it doesn't go away.
</div>


<div>
<blockquote>
and it doesn't go away. 
</blockquote>
<br />
after closing your browser ?
</div>


<div>
And with this function ?<br />

<pre><code class="code-1 nolinks" id="code-20-42826909-1"><span>$.removeCookie('cookie', { path: '/' });</span>
</code></pre>
</div>


<div>
You don't need to delete a session cookie. If you make the expire time 0 the cookie will expire when you close the browser.<br />

<blockquote>
I have tried it with and without an expiration date and it doesn't go away. 
</blockquote>
You should define it like this<br />

<pre><code class="code-1 nolinks" id="code-20-42826923-1"><span>document.cookie = &quot;wantmembership=1; path=/;expires=0&quot;;</span>
</code></pre>
<br />
Note that this works if you close the browser - not just the tab - you have to exit the browser instance that was active when the cookie was created.
</div>


Frontend Engineer and UX

Brandon Lyon

<div>
I did closed the browser. I have closed the tab and then closed the browser. &nbsp;I have even completed the order and pressed the submit button and in all 3 instances the message persists.<br />
<br />
If I do delete the cookie manually the message does go away.
</div>


<div>
Follow this process to check yoru cookie especially the expiration date : <br />
<a href="https://developers.google.com/web/tools/chrome-devtools/storage/cookies" rel="ugc">https://developers.google.com/web/tools/chrome-devtools/storage/cookies</a>
</div>


<div>
using Julian's code this is what is showing<br />
<br />

<pre><code class="code-1 nolinks" id="code-20-42826958-1"><span>https://gyazo.com/1ddac87e7089585dbd80eda2afd16ca7</span>
</code></pre>
</div>


<div>
<blockquote>
I did closed the browser. I have closed the tab and then closed the browser. &nbsp;I have even completed the order and pressed the submit button and in all 3 instances the message persists.<br />

</blockquote>
Then the cookie was NOT created with expire=0
</div>


<div>
I believe, after closing the page/browser, you open the page creating the cookie and see it everytime...
</div>


<div>
Julian, &nbsp;I have copied your code but when I set it to expires = 0 it doesn't go away when the browser is closed. &nbsp;So you are correct it isn't being created with expires = 0 so can you help me figure out why?<br />
<br />
Nicolas, I don't know how to use your function to only be enacted when the browser is closed.
</div>


<div>
I am not clear on your last post - are you saying you have changed this (line 4 of your original post)<br />

<pre><code class="code-1 nolinks" id="code-20-42829556-1"><span>document.cookie = 'wantmembership=;expires=Thu, 01 Jan 1970 00:00:01 GMT;';</span>
</code></pre>
To this<br />

<pre><code class="code-1 nolinks" id="code-20-42829556-2"><span>document.cookie = 'wantmembership=;expires=0;';</span>
</code></pre>
</div>


<div>
Sorry for the delay, the message wasn't working anymore. &nbsp;So, yes I did change line 4 to your suggestion.<br />
<br />
It seems when I use 
<pre><code class="code-1 nolinks" id="code-20-42835206-1"><span>document.cookie = 'wantmembership=;expires=0;';</span>
</code></pre>
that it stops writing. &nbsp;If I use this 
<pre><code class="code-1 nolinks" id="code-20-42835206-2"><span>document.cookie = &quot;wantmembership=1; expires=0; path=/&quot;;</span>
</code></pre>
 the message gets written but even closing the browser completely the message still appears once a new order is started.
</div>


<div>
I am confused - are you saying the problem is fixed or you still have a problem?
</div>


<div>
I still have a problem. &nbsp;If I follow the first line of code 
<pre><code class="code-1 nolinks" id="code-20-42838171-1"><span>document.cookie = 'wantmembership=;expires=0;';</span>
</code></pre>
 the message &quot;I Want Membership&quot; never gets written.<br />
<br />
If I use 
<pre><code class="code-1 nolinks" id="code-20-42838171-2"><span>document.cookie = &quot;wantmembership=1; expires=0; path=/&quot;;</span>
</code></pre>
 the message &quot;I Want Membership&quot; gets written but the cookie and message doesn't go away when the browser closes.
</div>


sharingsunshine

<div>
I checked my code and it was exactly like yours. &nbsp;I closed the tab and then exited the browser and then brought the browser back but it still showed the cookie on your code.<br />
<br />
I have spent too much time of yours and mine so I appreciate all you have done for me.
</div>


<div>
Did you check your Task Manager to make sure that all instances of the browser were closed. This is something specific to your setup because the code as you have it is correct.
</div>


<div>
No, I didn't but I will. &nbsp;I know it is specific to me that is why I didn't want to waste your time anymore. &nbsp;Thanks for all the help on this question and all of them in the past too.
</div>


<div>
<div class="content wysiwyg-content">
this is a follow on to the question at 
<pre><code class="code-1 nolinks" id="code-10-29140260-1"><span>https://www.experts-exchange.com/questions/29138630/JQuery-If-Test-Not-Working.html?headerLink=workspace_open_questions</span>
</code></pre>
<br />
I need the cookie to be deleted when they close the browser or submit the order. &nbsp; This is the code I have to delete the cookie but it isn't going away for either reason.<br />
<br />

<pre><code class="code-1 nolinks" id="code-10-29140260-2"><span>jQuery('#cook').click(function(e) {</span>
<span>		e.preventDefault();</span>
<span>		document.cookie = &quot;wantmembership=1; path=/&quot;;</span>
<span>document.cookie = 'wantmembership=;expires=Thu, 01 Jan 1970 00:00:01 GMT;';</span>
<span>          jQuery(this).css('background-color','green');</span>
<span>              jQuery(this).text(&quot;I Now Have A Membership!&quot;);</span>
<span>			});</span>
</code></pre>
</div>
</div>


this is a follow on to the question at (CODE)

I need the cookie to be deleted when they close the browser or submit the order.   This is the code I have to delete the cookie but it isn't going away for either reason.

(CODE)

How Do I Delete A jQuery Cookie Upon Order Submission or Browser Close?

Web development includes all aspects of presenting content on intranets and the Internet, including delivery development, protocols, languages and standards, server software, browser clients, databases and multimedia generation.

Web Development

jQuery (Core) is a cross-browser JavaScript library that provides abstractions for common client-side tasks such as Document Object Model (DOM) traversal, DOM manipulation, event handling, animation and Ajax. jQuery also provides a platform to create plugins that extend jQuery's capabilities beyond those already provided by the library.