title: angular js: accessing $scope from jQuery
body: <p>There are several questions like this in stackoverflow. I know. Tried all the answers, but still no luck.
  My html :</p>
  
  <pre><code>    &lt;div class="headline" id="headline-game"&gt;
          {{gameContent.headline}}
      &lt;/div&gt;
  </code></pre>
  
  <p>jQuery:</p>
  
  <pre><code>    var country = $("#headline-game").scope().headline;
      alert(country);
  </code></pre>
  
  <p>But I got undefined, instead of my scope. Can anyone help me? I don't wanna change the scope, just accessing it.</p>