How do I use this jQuery plugin to delete a cookie?

2013-06-02

An answer to this question on Stack Overflow.

Question

First, to show the cookie, I used code from electrictoolbox.com.

Then I made a form to add some cookie:

<form class="cokies" method="post">
<input class="query" name="q" type="text" />
<input type="submit" name="save" value="saving">
<a>Delete Cookies</a>
</form>

$(document).ready(function(){
$('.cokies a').click(function(){
	$.cookie('q', null);
});
remember('[name=q]');

This function is from komodomedia.com:

function remember( selector ){
	$(selector).each(function(){
		//if this item has been cookied, restore it
		var name = $(this).attr('name');
		if( $.cookie( name ) ){
			$(this).val( $.cookie(name) );
		}
		
		//assign a change function to the item to cookie it
		$(this).change(function(){
			$.cookie(name, $(this).val(), { path: '/', expires: 365 });
		});
	});
}

The problem is, I can't work out how to delete a cookie.

Answer

New versions of the Cookie plugin have come out, and provide the following convenient syntax:

$.removeCookie('q');