使用jquery编辑iframe内容

Question

我正在尝试使用jquery编辑来自iframe的内容，但似乎没有任何事情真的发生。有人可以解释为什么吗？

 <script src="https://code.jquery.com/jquery-1.10.2.js"></script>
<iframe src="//api.jquery.com/" width="80%" height="600" id="frameDemo"></iframe>

    <script>
    $( "#frameDemo" ).contents().find( ".page-title" ).text('My html');
    </script>