title: Result of expression '$.cookie' [undefined] is not a function
body: <p>Hi all in my mobile  application to pass variable in between various pages without ajax I am using cookie. I am setting cookie like :</p>
  
  <pre><code> $.cookie("userName", userName, { path: '/' });
  </code></pre>
  
  <p>in js file and in in another html file I am accessing it as:</p>
  
  <pre><code>$.cookie('userName');
  </code></pre>
  
  <p>But I got error as:</p>
  
  <pre><code>Result of expression '$.cookie' [undefined] is not a function
  </code></pre>
  
  <p>I have one js file for cookie as: <code>jquery.cookie.js</code>  it contains following code:</p>
  
  <pre><code>/*jshint eqnull:true */
  /*!
  * jQuery Cookie Plugin v1.1
  * https://github.com/carhartl/jquery-cookie
  *
   * Copyright 2011, Klaus Hartl
   * Dual licensed under the MIT or GPL Version 2 licenses.
   * http://www.opensource.org/licenses/mit-license.php
   * http://www.opensource.org/licenses/GPL-2.0
   */
  (function($, document) {
  
  var pluses = /\+/g;
  function raw(s) {
      return s;
  }
  function decoded(s) {
      return decodeURIComponent(s.replace(pluses, ' '));
  }
  
  $.cookie = function(key, value, options) {
  
      // key and at least value given, set cookie...
      if (arguments.length &gt; 1 &amp;&amp; (!/Object/.test(Object.prototype.toString.call(value)) || value == null)) {
          options = $.extend({}, $.cookie.defaults, options);
  
          if (value == null) {
              options.expires = -1;
          }
  
          if (typeof options.expires === 'number') {
              var days = options.expires, t = options.expires = new Date();
              t.setDate(t.getDate() + days);
          }
  
          value = String(value);
  
          return (document.cookie = [
              encodeURIComponent(key), '=', options.raw ? value : encodeURIComponent(value),
              options.expires ? '; expires=' + options.expires.toUTCString() : '', // use expires attribute, max-age is not supported by IE
              options.path    ? '; path=' + options.path : '',
              options.domain  ? '; domain=' + options.domain : '',
              options.secure  ? '; secure' : ''
          ].join(''));
      }
  
      // key and possibly options given, get cookie...
      options = value || $.cookie.defaults || {};
      var decode = options.raw ? raw : decoded;
      var cookies = document.cookie.split('; ');
      for (var i = 0, parts; (parts = cookies[i] &amp;&amp; cookies[i].split('=')); i++) {
          if (decode(parts.shift()) === key) {
              return decode(parts.join('='));
          }
      }
      return null;
  };
  
    $.cookie.defaults = {};
  
     })(jQuery, document);
  </code></pre>
  
  <p>I had imported above js file in my html file also. I had also tried with <code>setCookie('userName', 'userName', 1);</code>
  why is it so? Any suggestion will be appreciated.</p>