First showing the cookie, use this code from: electrictoolbox.com/javascript-get-all-cookies/
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 from : komodomedia.com/blog/2008/07/using-jquery-to-save-form-details/
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 delete a cookie