title: Loading jQuery after AngularJS
body: <p>I am trying to run a small jQuery snippet after the complete page load but some AngularJS code is not rendered even after the page is loaded completely.</p>
  
  <p>jQuery works in console after page load.</p>
  
  <p>This is the jQuery am trying:</p>
  
  <p><code>jQuery("a:contains('Clone')").parent().parent().parent().prepend(jQuery("#clone_external"));</code></p>
  
  <p>But still its not happening </p>
  
  <p>The clone button is not a normal button, it is an angular button </p>
  
  <pre><code>`&lt;div ng-init="projectPath='projects.srk_test_pro_ject';artifactId='artf3596';folderId='tracker1787';folderPath='projects.srk_test_pro_ject/tracker.ACR';returnUrlKey='1494858605684';hasCreatePermission='true'" data-ng-include="'/ctf/js/saturn/tracker/cloneArtifact.html'" ng-bindable="" class="Middle ng-scope"&gt;&lt;div data-ng-controller="CloneCtrl" class="ng-scope"&gt;&lt;a href="#" data-ng-show="!disableCloneBtn" data-ng-click="clone()" data-i18n-content="{bundle: 'tracker', key: 'clone/label'}" class=""&gt;Clone&lt;/a&gt;&lt;/div&gt;&lt;/div&gt;`
  </code></pre>
  
  <p>I tried document ready and load together but still no luck</p>
  
  <pre><code>jQuery(document).ready(function() {
     jQuery(window).load(function() {
       jQuery("a:contains('Clone')").parent().parent().parent()
       .prepend(jQuery("#clone_external"));
     });
  });
  </code></pre>
  
  <p>I would prefer a javascript/jQuery solution over an angular solution.</p>