title: Angular does not encode the semi-colon character in an url
body: <p>We need an encoded semi-colon character in our url parameter but angular does not encode this character.</p>
  
  <p>The resource we use looks something like this:</p>
  
  <pre><code>app.factory('TestResource', ['$resource', function ($resource) {
      return $resource('http://somedomain.com');
  }]);
  
  app.run(['TestResource', function (TestResource) {
      TestResource.query({
          q: 'sin;sout'
      });
  }]);
  </code></pre>
  
  <p>This is the result we get:</p>
  
  <pre><code>http://somedomain.com/?q=sin;sout
  </code></pre>
  
  <p>We want the url to be:</p>
  
  <pre><code>http://somedomain.com/?q=sin%3Bsout
  </code></pre>
  
  <p>But if we pre-encode the parameter before sending the % char get's encoded like this:</p>
  
  <pre><code>http://somedomain.com/?q=sin%253Bsout
  </code></pre>
  
  <p>How can we get the desired result? (<a href="http://somedomain.com/?q=sin%3Bsout" rel="nofollow">http://somedomain.com/?q=sin%3Bsout</a>)</p>