title: Uncaught ReferenceError: isApp is not defined
body: <p>I am getting "Uncaught ReferenceError: isApp is not defined" in the console, 
  I had tried to find solution for this error from long morning but didn't able to get much, both of my isApp.js and mApp.js are saved in folder named as "js", can someone please help me to get out of this thing....thanks in advance</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>//"......isApp.js file code starts from here..............."
  var iA = function () {
      var t = this;
      this.user;
      var IsInvite = false;
      this.serverUrl = someLocalhostUrl;
       //some function - structure of functions is shown below
    
    //this.function1 = function(){
          //do something
    
    //};
    
    //lot of function
  
      this.initialize = function () {
          t.getUser();
          var pk = typeof t.user;
          if (!(typeof t.user === 'object')) {
              t.user = null;
              t.setUser();
          }
      }();
  };
  
  var isApp = new iA(); 
  //"......isApp.js file code endss  here..............."
  
  
  
  
  //"......mApp.js file code starts from here..............."
  var mApp = function () {
      //var PostUrl = "http://localhost:52015/"
      var PostUrl = isApp.serverUrl + "/";
      var t = this;
      var u = {};
      this.ph, this.loc;
      var user, Email, UserName;
      var LoggedIn;
  
      this.initiate = function () {
          u = isApp.getUser();
          if (u &amp;&amp; u.LoggedIn) {
              if (window.location.href.indexOf("index") == -1)
                  $.mobile.changePage("index.html#p-start");
              //window.location = "index.html#p-home";
          }
      };
  
     //some function - structure of functions is shown below
    
    //this.function1 = function(){
          //do something
    
    //};
    
    //lot of function
    
      
      this.initiate();
  };
  
  m = new mApp();
  
  
  //"......mApp.js file code ends here..............."</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;!DOCTYPE html&gt;
  &lt;html xmlns="http://www.w3.org/1999/xhtml"&gt;
  &lt;head&gt;
      &lt;title&gt;&lt;/title&gt;
      &lt;style&gt;
  
      &lt;/style&gt;
      &lt;meta charset="utf-8" /&gt;
      &lt;meta name="viewport" content="width=device-width, initial-scale=1"&gt;
      &lt;!--css starts here--&gt;
      &lt;link href="css/jquery.mobile-1.4.5.css" rel="stylesheet" /&gt;
      &lt;link href="css/custom.css" rel="stylesheet" /&gt;
      &lt;!--css ends here--&gt;
  
      &lt;!--js starts here--&gt;
      &lt;script src="js/jquery.js"&gt;&lt;/script&gt;
      &lt;script src="js/jquery.mobile-1.4.5.js"&gt;&lt;/script&gt;
      &lt;script src="js/jquery.signalR-2.2.0.min.js"&gt;&lt;/script&gt;
      &lt;script src="js/mApp.js"&gt;&lt;/script&gt;
      &lt;script src="js/isApp.js"&gt;&lt;/script&gt;
      &lt;script src="js/home.js"&gt;&lt;/script&gt;
      &lt;!--js ends here--&gt;
      &lt;!--&lt;script&gt;
          $(function () {
              $('.image').click(function () {
                  alert("selection needed");
              });
              document.getElementById("startDate").valueAsDate = new Date();
          });
      &lt;/script&gt;--&gt;
  &lt;/head&gt;
  &lt;body&gt;
      &lt;div data-role="page" id="p-start"&gt;
          &lt;div data-role="main" class="ui-content ui-responsive ui-body-a"&gt;
              &lt;div class="align-center"&gt;
                  &lt;h3&gt;Its our Rocking app&lt;/h3&gt;
                  &lt;a href="#p-login"&gt;
                      &lt;img src="images/temp-logo.jpg" class="logo" /&gt;
                  &lt;/a&gt;
                  
              &lt;/div&gt;
              
          &lt;/div&gt;
  
      &lt;/div&gt; 
  
     
  &lt;/body&gt;
  &lt;/html&gt;</code></pre>
  </div>
  </div>
  </p>