title: Cookies created with Jquery via radio buttons not transferring
body: <p>Pretty simple. I have 3 radio buttons, I want people to choose one radio button, click the button to save the selection, and then go to the next page and use the cookie.</p>
  
  <p>Currently have a text input box, and 3 radio buttons. The text input is working, the radio is not.</p>
  
  <p>The idea i had going forward was whichever radio you choose, they're all the same name, they just have a different value set to them. Therefor the value assigned to them is saved as the cookie, and retrieved on the next page. Not working.</p>
  
  <p>Sorry forgot JSfiddle -
  <a href="http://jsfiddle.net/3kfz7jdf/3/" rel="nofollow">http://jsfiddle.net/3kfz7jdf/3/</a></p>
  
  <p>html - </p>
  
  <pre><code> &lt;form action="javascript:void(0)"&gt;
      &lt;input type="text" name="cookie" id="cookie" value=""&gt;
     &lt;div id="pics"&gt;
  
  
  
     &lt;/div&gt;
     &lt;div id="radio"&gt;
     &lt;input type="radio" name="char" id="char1" value="1"&gt;
     &lt;input type="radio" name="char" id="char2" value="2"&gt;
     &lt;input type="radio" name="char" id="char3" value="3"&gt;
     &lt;/div&gt;
   &lt;input type="button" name="Fight" id="saveCookie" value="Fight" onclick="window.location.href='Battle.html'"&gt;
   &lt;/form&gt;
  </code></pre>
  
  <p>JS - </p>
  
  <pre><code>$(function(){
      // attach event listener to save cookie button
      $('#saveCookie').click(function(){
          // set cookie expiration to 1 year from today
          var expDate = new Date();
          expDate.setFullYear(expDate.getFullYear() + 1);
          // create cookie string
          var cookieStr = $('#cookie').val() + ";expires=" + expDate.toGMTString();
          // create cookie
          var cookieChar = $('#choice').val() + ";expires=" + expDate.toGMTString();
          document.cookie = cookieStr;
          document.choice = cookieChar;
      });
  
  });
  </code></pre>
  
  <p>I dont know if you need the retrieval page, but ill post that as well.</p>
  
  <p>js-  </p>
  
  <pre><code>$(function(){
          // display cookie 
          $('#cookieDisplay').html(document.cookie);
          $('#cookieDisplay').html(document.choice);
      });
  </code></pre>
  
  <p>Thanks ahead of time.</p>