luckymancvp/application.js

## application.js
var chat = {
  // Create this closure to contain the cached modules
  module: function() {
    // Internal module cache.
    var modules = {};

    // Create a new module reference scaffold or load an
    // existing module.
    return function(name) {
      // If this module has already been created, return it.
      if (modules[name]) {
        return modules[name];
      }

      // Create a module and save it under this name
      return modules[name] = { Views: {} };
    };
  }()
};

// Using the jQuery ready event is excellent for ensuring all
// code has been downloaded and evaluated and is ready to be
// initialized. Treat this as your single entry point into the
// application.
jQuery(function($) {

  // Initialize your application here.

});

## index.html
<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <title>Example</title>
  <link rel="stylesheet" href="/assets/css/main.css">
</head>

<body>
  <div id="content">
    <!-- ALL YOUR CONTENT HERE -->
  </div>

  <!-- Third-Party Libraries (Order matters) -->
  <script src="/assets/js/libs/jquery.js"></script>
  <script src="/assets/js/libs/underscore.js"></script>
  <script src="/assets/js/libs/backbone.js"></script>

  <!-- Application core (Order matters) -->
  <script src="/lib/application.js"></script>

  <!-- Modules (Order does not matter) -->
  <script src="/lib/modules/friend.js"></script>
  <script src="/lib/modules/message.js"></script>
</body>
</html>

## naive.js
var chat = {
  friend: { Views: {} },
  message: { Views: {} }
};
	var chat = {
	// Create this closure to contain the cached modules
	module: function() {
	// Internal module cache.
	var modules = {};

	// Create a new module reference scaffold or load an
	// existing module.
	return function(name) {
	// If this module has already been created, return it.
	if (modules[name]) {
	return modules[name];
	}

	// Create a module and save it under this name
	return modules[name] = { Views: {} };
	};
	}()
	};

	// Using the jQuery ready event is excellent for ensuring all
	// code has been downloaded and evaluated and is ready to be
	// initialized. Treat this as your single entry point into the
	// application.
	jQuery(function($) {

	// Initialize your application here.

	});
	<!doctype html>
	<html lang="en">
	<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<title>Example</title>
	<link rel="stylesheet" href="/assets/css/main.css">
	</head>

	<body>
	<div id="content">
	<!-- ALL YOUR CONTENT HERE -->
	</div>

	<!-- Third-Party Libraries (Order matters) -->
	<script src="/assets/js/libs/jquery.js"></script>
	<script src="/assets/js/libs/underscore.js"></script>
	<script src="/assets/js/libs/backbone.js"></script>

	<!-- Application core (Order matters) -->
	<script src="/lib/application.js"></script>

	<!-- Modules (Order does not matter) -->
	<script src="/lib/modules/friend.js"></script>
	<script src="/lib/modules/message.js"></script>
	</body>
	</html>