title: Angular cookies appearing with encoded characters
body: <p>Given some data:</p>
  
  <pre><code>$scope.devices = [
    { name: 'iPhone 4', os: 'iOS'},
    { name: 'Nexus 7', os: 'Android'},
  ];
  </code></pre>
  
  <p>And a function to set a cookie:</p>
  
  <pre><code>$scope.saveDeviceChoice = function() {
    $cookieStore.put('savedDevice', $scope.deviceChoice.name);
  }
  </code></pre>
  
  <p>I get a cookie with value %22Nexus%207%22 instead of what I would expect: Nexus 7.</p>
  
  <p>This is what it looks like in the web inspector<br>
  <a href="https://d3vv6lp55qjaqc.cloudfront.net/items/1X3W150q3T0i3e3J1e29/Screen%20Shot%202013-06-10%20at%2017.53.32.png?X-CloudApp-Visitor-Id=695722fcc5cecec10f09e16181dbdf5f&amp;v=2d164c6a" rel="nofollow noreferrer"><img src="https://d3vv6lp55qjaqc.cloudfront.net/items/1X3W150q3T0i3e3J1e29/Screen%20Shot%202013-06-10%20at%2017.53.32.png?X-CloudApp-Visitor-Id=695722fcc5cecec10f09e16181dbdf5f&amp;v=2d164c6a" alt=""></a></p>
  
  <p>I am truly puzzled - it seems that %22 is a quote and %20 is a space, somehow the value gets saved "encoded". Who knows what is going on?</p>