title: Delete same cookie on different domains
body: <p>In the past we were setting our cookies without the 'domain' option (using the <a href="http://plugins.jquery.com/files/jquery.cookie.js.txt" rel="nofollow">cookie plugin</a>) e.g:</p>
  
  <pre><code>$.cookie("blah", "1", {
      expires: 365,
      path: "/"
  });
  </code></pre>
  
  <p>Now we are setting it like:</p>
  
  <pre><code>$.cookie("blah", "1", {
      expires: 365,
      path: "/",
      domain: ".site.com"
  });
  </code></pre>
  
  <p>However the problem is there are 2 cookies with the same name set for users who already have the old cookie on the page.</p>
  
  <p>As a solution, at the point of setting the new cookie I am doing:</p>
  
  <pre><code>$.cookie("blah", null, {
      path: "/"
  });
  </code></pre>
  
  <p>Which should delete the cookie without the 'domain' option. Otherwise when reading the cookie it could give me the old value as there may be 2 set with the same name.</p>
  
  <p>Do you think this is an ok workaround? I tested it in Firefox and it works fine as I haven't specified the domain part so it shouldn't delete the new cookie, just the old, however I am worried it could happen maybe on older browsers like IE6 or on mobiles (we get a lot of mobile traffic)?</p>
  
  <p>Any guidance would be great!</p>