require is not a function when tried to load require in define([])
<p>I am learning basics of requireJS . I tried to load my html code to the index.html #container DOM. But I have got an error </p>

<blockquote>
  <p>"require is not a function"</p>
</blockquote>

<p>this is my code:<br>
<strong>1. Index.html</strong></p>

<pre><code>&lt;script data-main="js/app" src="js/require.js"&gt;&lt;/script&gt;
</code></pre>

<p><strong>2.app.js</strong></p>

<pre><code>require(['../page1'], function(View){    
var v = new View();
v.init();  });
</code></pre>

<p><strong>3.page1.js</strong></p>

<pre><code>define([], function (require) {
 var view1 = function(){
 this.init = function(){
 template = require('page1.html');
 $("#container").html(template);
 }
};
return view1;
});
</code></pre>