title: Strange issue while including Scripts in MVC razor
body: <p>I have developed mvc applications before. I am currently working on cRUd based application. I have to use a JQuery  Bootgrid. The infrastructure is VS 2013. MVC 5. However when i invoke the bootgrid function on the table, the table does not get rendered and only the search plugin comes in the screen. While debugging in chrome i see some error symbol after the script declaration. I am clueless , any advise would help.</p>
  
  <p>I am attaching my code and also screen image from chrome. </p>
  
  <p><a href="https://i.stack.imgur.com/zj0oe.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/zj0oe.png" alt="enter image description here"></a></p>
  
  <pre><code> @model COE.Tools.Adapt.DataTransferObjects.ViewModels.UserProfileViewModel
  
  @{
      ViewBag.Title = "Manage User Information";
  }
  
  &lt;div class="row"&gt;
      &lt;div class="col-lg-12"&gt;
          &lt;h2 class="sub-header"&gt;ManageUsers&lt;/h2&gt;
      &lt;/div&gt;
      &lt;!-- /.col-lg-12 --&gt;
  &lt;/div&gt;
  
  &lt;div class="row"&gt;
      &lt;div class="panel panel-default"&gt;
          &lt;div class="panel-heading"&gt;
              &lt;div class="row"&gt;
                  &lt;div class="col-lg-2 col-md-3"&gt;
                      &lt;i class="fa fa-user fa-3x" aria-hidden="true"&gt;&lt;/i&gt;
                      &lt;button id="btnAddNew" value="NewUser" class="btn btn-default"&gt;NewUser&lt;/button&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
          &lt;/div&gt;
          &lt;div class="panel-body"&gt;
              &lt;div class="row"&gt;
                  &lt;div class="col-lg-12 col-md-12"&gt;
                      &lt;table id="gridUsers" class="table table-bordered table-hover"&gt;
                          &lt;thead&gt;
                              &lt;tr id="tbHeader"&gt;
                              &lt;tr&gt;
                                  &lt;th data-column-id="firstName"&gt;FirstName&lt;/th&gt;
                                  &lt;th data-column-id="lastName"&gt;LastName&lt;/th&gt;
                                  &lt;th data-column-id="userId"&gt;UserId&lt;/th&gt;
                                  &lt;th data-column-id="email"&gt;Email&lt;/th&gt;
                                  &lt;th data-column-id="role"&gt;Role&lt;/th&gt;
                                  &lt;th data-column-id="app"&gt;Applications&lt;/th&gt;
                                  &lt;th data-column-id="plant"&gt;Plant&lt;/th&gt;
                                  &lt;th data-formatter="Edit"&gt;Edit&lt;/th&gt;
                                  &lt;th data-formatter="Delete"&gt;Delete&lt;/th&gt;
                              &lt;/tr&gt;
                          &lt;/thead&gt;
                          &lt;tbody&gt;
                              @{
                                  foreach (var vm in Model.lstUserInformation)
                                  {
                                      &lt;tr&gt;
                                          &lt;td&gt;@vm.FirstName&lt;/td&gt;
  
                                          &lt;td&gt;@vm.LastName&lt;/td&gt;
  
                                          &lt;td&gt;@vm.UserId&lt;/td&gt;
  
                                          &lt;td&gt;@vm.Email&lt;/td&gt;
                                          &lt;td&gt;@vm.RoleDescription&lt;/td&gt;
                                          &lt;td&gt;@vm.UserApplication&lt;/td&gt;
                                          &lt;td&gt;@vm.DefaultLocation&lt;/td&gt;
                                          &lt;td&gt;
                                              &lt;a id="idEditUser" href="@Url.Action("EditUser", "Account", new  {@userId = @vm.UserId })"&gt;&lt;i class="fa fa-pencil-square-o fa-2x" aria-hidden="true"&gt;&lt;/i&gt; Edit &lt;/a&gt;
                                          &lt;/td&gt;
                                          &lt;td&gt;
                                              &lt;a id="idDeleteUser" href="@Url.Action("DeleteUser", "Account", new {@userId = @vm.UserId  })"&gt;&lt;i class="fa fa-trash fa-2x" aria-hidden="true"&gt;&lt;/i&gt; Delete &lt;/a&gt;
                                          &lt;/td&gt;
                                      &lt;/tr&gt;
  
                                  }
                              }
                          &lt;/tbody&gt;
                      &lt;/table&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  
  
  @section MyScripts {
  
  
      &lt;script type="text/javascript"&gt;
          $(document).ready(function () {
  
              alert('opk');
              $("#gridUsers").bootgrid({
                  caseSensitive: false,
                  sorting: true,
                  multiSort: true,
                  selection: true,
                  rowSelect: true,
                  multiSelect: true,
                  keepSelection: true,
                  searchSettings: {
                      delay: 100,
                      characters: 1
                  },
                  labels: {
                      infos: "GridResults",
                      search: "GridSearch",
                      noResults: "GridNoResults",
                      all: "GridAllRowCount",
                      loading: "GridLoading"
                  },
                  formatters: {
  
                  }
              });
          });
      &lt;/script&gt;
  }
  </code></pre>