title: Object created via AngularJs is not appearing on web page
body: <p>Here is my code. Please tell me where am I wrong. The object dish is not shown when i load the webpage. The webpage remains blank only. I am using AngularJs.</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html lang="en" ng-app&gt;
  
  &lt;head&gt;
  &lt;meta charset="utf-8"&gt;
  &lt;meta http-equiv="X-UA-Compatible" content="IE=edge"&gt;
  &lt;meta name="viewport" content="width=device-width, initial-scale=1"&gt;
  &lt;link rel="stylesheet" href="hk.css"&gt;
  &lt;link rel="stylesheet" href="font-awesome-4.6.3/css/font-awesome.min.css"&gt;
  &lt;link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css"&gt;
  &lt;link rel="stylesheet" href="bootstrap-social.css"&gt;
  &lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.2/jquery.min.js"&gt;&lt;/script&gt;
  &lt;script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"&gt;&lt;/script&gt;
  </code></pre>
  
  <p></p>
  
  <p></p>
  
  <pre><code>&lt;div class="container"&gt;
      &lt;div class="row info" ng-init="dish={name:'Uthapizza',
                                           image:'uthapizza.png',
                                           category:'mains',
                                           label:'hot',
                                           price:'4.99'
                                           description:'A unique combination of Indian Uthappam (pancake) and Italian pizza, topped with Cerignola olives, ripe vine cherry tomatoes, Vidalia onion, Guntur chillies and Buffalo Paneer.',
                                           comment:''}"&gt;
          &lt;div class="col-md-12"&gt;
              &lt;div class="media"&gt;
                  &lt;div class="media-left media-middle"&gt;
                      &lt;a href="#"&gt;&lt;img class="img-thumbnail media-object" ng-src={{dish.image}}&gt;&lt;/a&gt;
                  &lt;/div&gt;
                  &lt;div class="media-body"&gt;
                      &lt;h2 class="media-heading"&gt;{{dish.name}}&lt;span class="label label-dangerous label-xs"&gt;{{dish.label}}&lt;/span&gt;&lt;span class="badge"&gt;{{dish.price}}&lt;/span&gt;&lt;/h2&gt;
                      &lt;p&gt;{{dish.description}}&lt;/p&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
           &lt;/div&gt;
      &lt;/div&gt;
   &lt;/div&gt;
  </code></pre>
  
  
  
  <p></p>
  
  <p></p>