title: Content disappears when ng-controller is added
body: <p>I have a list of fruit, and am able to use the searchFor filter to display the item I've searched for. I'd like to click a button, and send that item to a separate div on the page, using a controller. However, whenever I add ng-controller to the page (I think it's supposed to go in the body tag), my list of fruits completely disappears. Help! I've been racking my brain all day, and nothing seems to be working!!</p>
  
  <pre><code>&lt;html&gt;
  &lt;head&gt;
   &lt;link rel="stylesheet" text="text/css" href="css/bootstrap.css"
  
  &lt;script type="text/javascript" src="angular/js/angular.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="js/bootstrap.min.js"&gt;&lt;/script&gt;
  &lt;/head&gt;
  
  &lt;body ng-app =""&gt;
  &lt;div ng-init="items = [
  {type: 'strawberry', name: 'Herbert Strawberry', occupation:         'dogwalker', superpower: 'power-C boost', imageurl: 'images/strawb.jpg' },
  
  {type: 'blueberry', name: 'Ulysses Blueberry', occupation: 'construction worker', superpower: 'super strength', imageurl: 'images/blueb.jpg' },
  
  {type: 'orange', name: 'Otto Sly Orange', occupation: 'ninja', superpower: 'serious defense', imageurl: 'images/orange.jpg' },
  
  
  ]"&gt; 
  &lt;/div&gt;
  
  &lt;h2&gt;Summon your Vitamin Power&lt;/h2&gt;
  &lt;p&gt;Which of these did you eat today?&lt;/p&gt;
  &lt;form name="add_item_form" novalidate ng-submit="additem()"&gt;
  &lt;input type="text" placeholder="what'd you eat?" ng-model="searchFor"     ng-required="true"/&gt;
  
  &lt;button ng-click="additem(new_item)" ng-disabled="add_item_form.$invalid" class="btn btn-success"&gt;Add to Your Arsenal&lt;/button&gt;
  
  &lt;ul class = "item group" ng-repeat= "item in items | filter:searchFor"&gt;
  &lt;div class="adding_item"&gt;
  &lt;li ng-model="adding_item.type"&gt;
  {{ item.type }}
  &lt;/li&gt;
  &lt;li ng-model="adding_item.name"&gt;
  {{ item.name }}
  &lt;/li&gt;
  &lt;li ng-model="adding_item.occupation" &gt;
  {{ item.occupation }}
  &lt;/li&gt;
  &lt;li ng-model="adding_item.superpower"&gt;
  {{ item.superpower }}
  &lt;/li&gt;
  &lt;li ng-model="adding_item.imageurl"&gt;
    &lt;img ng-src ="{{ item.imageurl }}" alt="{{ item.type }}"&gt;
  &lt;/li&gt;
  &lt;/div&gt;
  &lt;/ul&gt;
  
  &lt;/form&gt;
  
  
  &lt;div class="arsenal"&gt;
  &lt;h2&gt;Nutrition arsenal&lt;/h2&gt;
  {{ item.type }}
  {{ item.name }}
  {{ item.occupation }}
  {{ item.superpower }}
  {{ item.imageurl }}
  &lt;/div&gt;
  
  &lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"&gt;    &lt;/script&gt;
  &lt;script src="js/app.js"&gt;&lt;/script&gt;
  
  
  &lt;script type="text/javascript"&gt;
  function itemListController( $scope ){
  
      $scope.items = [
      {type: 'strawberry', name: 'herbert', occupation: 'dogwalker
      ', superpower: 'power-c boost', imageurl: 'images/strawb.jpg' },
      {type: 'blueberry', name: 'Ulysses', occupation: 'construction worker', superpower: 'super strength', imageurl: 'images/blueb.jpg' },
  
  {type: 'orange', title: 'otto sly', occupation: 'ninja', description: 'serious defense', imageurl: 'images/orange.jpg' }
  
      ];
  
      $scope.additem = function( new_item ){
          $scope.items.push( new_item );
          $scope.adding_item = {};
      };
  
  };
  &lt;/script&gt;
  </code></pre>
  
  <p>
  </p>