title: Jquery TypeError: $.template is not a function
body: <p>I have run this sample and i am getting <code>TypeError: $.template is not a function</code>, and I could not able to solve this issue. </p>
  
  <p>Can you please any one suggest me. </p>
  
  <p>Thanks in advance.</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;!-- To run the current sample code in your own environment, copy this to an html page. --&gt;
  &lt;meta content="text/html;charset=utf-8" http-equiv="Content-Type"&gt;
  &lt;meta content="utf-8" http-equiv="encoding"&gt;
  &lt;html&gt;
  &lt;head&gt;
       &lt;script src="http://code.jquery.com/jquery.js"&gt;&lt;/script&gt;
  &lt;/head&gt;
  &lt;body&gt;
  
      &lt;div id="result"&gt;&lt;/div&gt;
  
  &lt;script id="theTmpl" type="text/x-jsrender"&gt;
  &lt;div&gt;
     &lt;em&gt;Name:&lt;/em&gt; {{:name}}
     {{if showNickname &amp;&amp; nickname}}
        (Goes by &lt;em&gt;{{:nickname}}&lt;/em&gt;)
     {{/if}}
  &lt;/div&gt;
  &lt;/script&gt;
  
  &lt;script&gt;
  var data = [
    {
      "name": "Robert",
      "nickname": "Bob",
      "showNickname": true
    },
    {
      "name": "Susan",
      "nickname": "Sue",
      "showNickname": false
    }
  ];
  $(document).ready(function() {
  var template = $.template("#theTmpl");
  
  template.link("#result", data);
  });
  &lt;/script&gt;
  
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>