title: DOM manipulation with jquery and Angularjs
body: <p>I'm using <code>AngularJS</code> into my web application. I Also use angular routing into my app. So, I add the templates into <code>&lt;ui-view&gt;</code> and there is nothing in the DOM at first.</p>
  
  <p>Also I use <code>uikit</code> and it's ui components. All of it's components works fine with my routing. But my own <code>js</code> file (ex. for toggling menu), doesn't work, because of angular routing.</p>
  
  <p><strong>First:</strong> Why does uikit work fine, but my <code>js</code> file doesn't?</p>
  
  <p><strong>Second:</strong> What is the solution? Any idea?</p>
  
  <p><strong>Update:</strong></p>
  
  <p>Both of uikit.js and my own js is into <code>&lt;head&gt;</code>.</p>
  
  <p>Here is a sample code my js:</p>
  
  <pre><code>$(document).ready(function(){
  // some more code ...
    if( $("body").hasClass("rightpanel_small") ){
          $(".rightpanel_menu").removeClass("active");
    }
  })
  </code></pre>