title: toastr notifcation not appearing mvc 4
body: <p>Hi I'm new to MVC and I've been trying to build upon a tutorial i've been following by trying to get a toastr message to appear when I successfully edit something in my mvc app. I think I have everything done correctly, but yet the notification isn't popping. </p>
  
  <pre><code>    bundles.Add(new StyleBundle("~/Content/css").Include("~/Content/site.css",
              "~/Content/toastr.css"));
  
      bundles.Add(new ScriptBundle("~/bundles/jquery").Include(
                      "~/Scripts/jquery-{version}.js",
          "~/Scripts/toastr.js"));
  </code></pre>
  
  <p>I have toaster added to my scripts and my css, and both bundles are being rendered in the layout view. 
  In my edit action, if it is successful I am redirecting to the Index action and adding a message. </p>
  
  <pre><code>         [HttpPost]
      [ValidateAntiForgeryToken]
      public ActionResult Edit(Restaurant restaurant)
      {
          if (ModelState.IsValid)
          {
              db.Entry(restaurant).State = EntityState.Modified;
              db.SaveChanges();
              return RedirectToAction("Index", new { message = "Added" });
          }
          return View(restaurant);
      }
  
  
      public ActionResult Index(string message )
      {
  
          if (!string.IsNullOrEmpty(message))
          {
              ViewBag.message = message;
          }
  
          return View(db.Restaurants.ToList());
      }
  </code></pre>
  
  <p>Then in the index action I'm checking if it's not empty, if it isn't i'm passing the message into the viewbag. Then in the Index view I am checking if the viewbag is not empty</p>
  
  <pre><code>        @model IEnumerable&lt;OdeToFoodNov1.Models.Restaurant&gt;
  
       @{
      ViewBag.Title = "Index";
       }
  
      &lt;h2&gt;Index&lt;/h2&gt;
  
     &lt;p&gt;
      @Html.ActionLink("Create New", "Create")
     &lt;/p&gt;
     &lt;table&gt;
       &lt;tr&gt;
       &lt;th&gt;
          @Html.DisplayNameFor(model =&gt; model.Name)
      &lt;/th&gt;
      &lt;th&gt;
          @Html.DisplayNameFor(model =&gt; model.City)
      &lt;/th&gt;
      &lt;th&gt;
          @Html.DisplayNameFor(model =&gt; model.Country)
      &lt;/th&gt;
      &lt;th&gt;&lt;/th&gt;
  &lt;/tr&gt;
  
   @foreach (var item in Model) {
  &lt;tr&gt;
      &lt;td&gt;
          @Html.DisplayFor(modelItem =&gt; item.Name)
      &lt;/td&gt;
      &lt;td&gt;
          @Html.DisplayFor(modelItem =&gt; item.City)
      &lt;/td&gt;
      &lt;td&gt;
          @Html.DisplayFor(modelItem =&gt; item.Country)
      &lt;/td&gt;
      &lt;td&gt;
          @Html.ActionLink("Edit", "Edit", new { id=item.Id }) |
          @Html.ActionLink("Reviews", "Index", "Reviews", new { id=item.Id }, null) |
          @Html.ActionLink("Delete", "Delete", new { id=item.Id })
      &lt;/td&gt;
  &lt;/tr&gt;
    }
  
  &lt;/table&gt;
  
  
    @if (ViewBag.message != null)
      {
  
  &lt;script type="text/javascript"&gt;
      $(document).ready(function () {
          toastr.success('Added')
      })
  &lt;/script&gt;
     }
  </code></pre>
  
  <p>Yet when I go back to the index view I get no notification appearing? Any help is appreciated, sorry if i'm missing something obvious.</p>