javascript - $(document).ready not firing on page load -

i have view, showed below, , trying make ajax call on page load. however, $(document).ready doesn't seem firing (or isn't being called). not sure problem is, working fine on page. code below.

code (this $(document).ready not work)

@{ viewbag.title = "programs"; layout = "~/views/shared/_layout.cshtml"; }  <div class="dashboard grey lighten-3" ng-controller="dashboardcontroller"> <div class="row gutter-14">         <div class="card">             <div class="card-header relative">                 <div class="card-title">programs</div>             </div>              <div class="list-group" ng-init="(comments=[]).length=8;">                 <a class="list-group-item clearfix" ng-repeat="i in comments track $index">                     <div class="pull-left m-r-10">                         <i class="icon-circle {{theme_colors[$index]}}-border v-super"></i>                     </div>                     <div class="list-group-item-heading" id="programname"></div>                     <p class="list-group-item-text" placeholder-p></p>                 </a>             </div>          </div>      <div id="testdiv"></div>      </div> </div>  <script type="text/javascript"> $(document).ready(function () {     alert("!!!"); }); </script> 

in layout of _layout.cshtml, $(document).ready being called well. causing problem?

other ready in _layout.cshtml (this code works fine)

<script type="text/javascript">     $(document).ready(function () {         fnameplace.innerhtml = cookies.get("name");         useremail.innerhtml = cookies.get("email"); }); <script> 

this adding welcome, whoever main page.