title: How can I create a global javascript object that can be accessed outside of my JS file?
body: <p>I have the following object in a JS file:</p>
  
  <pre><code>var IOBreadcrumb = function IOBreadcrumb() {
      this.breadcrumbs = [];
      this.add = function(title, url) {
        var crumb = {
          title: title, 
          url:url
        };
        this.breadcrumbs.push(crumb);
      };
    };
  </code></pre>
  
  <p>In another JS file I want to utilize this object:</p>
  
  <pre><code>//this occurs in some on click event
  var breadcrumb = new IOBreadcrumb();
  breadcrumb.add('some title',url);
  console.log(breadcrumb.breadcrumbs);
  </code></pre>
  
  <p>I would like there to only be 1 instance of IOBreadcrumb, so that when I click on a button, it will always add a breadcrumb to the array.</p>
  
  <p>How can I accomplish this?</p>