title: Jquery code is not working inside AngularJs functions
body: <p>I am right now working on a project which has lot of jquery code and i am migrating that to angular, but it needs to deliver as soon as possible(lack of time to change each piece of code).</p>
  
  <p>Code looks like....</p>
  
  <pre><code>var app = angular.module('audiapp', ['ngResource']);
  
  app.controller('audiLayoutCtrl', function ($scope, dataFactory) {
  
      $scope.editbutton = function () {
          //e.preventDefault();
          var editable = $(this).parents('.editable');
          editable.find('.editable-body').hide();
          editable.find('.editable-form').show();
          editable.find('.editable-toggle').hide();
      };
  
  }
  </code></pre>
  
  <p>here in this piece of code the editbutton function is getting called but jquery code inside is not working.</p>
  
  <p>I am sorry if i am completly un reasonable as i am very new to angular js.</p>