title: JQuery not working angularjs controller file . Works if code snippet put internally
body: <p>below code snippet works fine if placed under Template URL page . However, if we put it in spearate js file or  controler file it doesnt work. How can i add jquery inside a controller file . </p>
  
  <pre><code>&lt;script&gt;
  
  $(document).ready(function () {
      $("#notificationLink").click(function () {
          $("#notificationContainer").fadeToggle(300);
          $("#notification_count").fadeOut("slow");
          $('#notificationLink &gt; i.fa-bell').addClass('fa-bell-o');
          $('#notificationLink &gt; i.fa-bell').removeClass('fa-bell');
          return false;
      });
  
      //Document Click hiding the popup 
      $(document).click(function () {
          $("#notificationContainer").hide();
      });
  
      //Popup on click
      $("#notificationContainer").click(function () {
          return false;
      });
  
    /*  $('#AddNew').on('click', function () {
          $('#notificationsBody ul').append('&lt;li&gt;New Message&lt;/li&gt;');
      });
  */
  });
  &lt;/srcipt&gt;
  </code></pre>