title: converting Jquery to angular or making Jquery work in angular
body: <p>I am new to angular and we are converting a set of screens based on jsp to angular. Initially we have written lot of code in Jquery. Converting them to angular is tedious task and thought of trying to see if we can make jquery work with angular. Here is teh  code snippet that i am trying to make it work while it in Jquery.</p>
  
  <pre><code> $(document).ready(function() {
      $("#ClickTask2").click(function() {
          $(".ClickTask1").hide();
          $(".ClickTask2").show();
      });
  });
  </code></pre>
  
  <p>Above is the piece of code I have in JQuery and i tried to make it work.</p>
  
  <pre><code> angular.element(document).ready(function() {
      $("#ClickTask2").click(function() {
          $(".ClickTask1").hide();
          $(".ClickTask2").show();
      });
  });
  </code></pre>
  
  <p>Can anyone tell me how i could make it work with minimal changes to the above one and rest of the jqueries?</p>