javascript - fb で特定の div を共有する際の問題

Question

私はWebアプリケーションに取り組んでおり、fbのようなボタンと共有ボタンを追加しました。ボタンのようなものはうまく機能していますが、この SE の質問http://www.hyperarts.com/blog/tutorial-add-share-button-iframe-tab-applications/からハイパーアートのチュートリアルを読みました。しかし、私は特定の div を共有するために同じ手順を実行しましたが、間違いを犯した場所はありません。誰でも私を助けたり、提案をしたりできますか。私はそれをいじってもいますが、私のアプリでは機能しません。http://jsfiddle.net/EZyaF/

これは同様のコードです：

    <div id="fb-root"></div>    
<script>(function(d, s, id) {
   var js, fjs = d.getElementsByTagName(s)[0];
     if (d.getElementById(id)) return;
      js = d.createElement(s); js.id = id;
     js.src = "//connect.facebook.net/en_GB/all.js#xfbml=1&appId=425369200906567";
      fjs.parentNode.insertBefore(js, fjs);
    }(document, 'script', 'facebook-jssdk'));</script>

<div class="fb-like"
    data-href="https://www.facebook.com/weatherappproj" data-width="450"
    data-show-faces="false" data-send="false"></div>

そして、これが特定のdivコードを共有することです:

       <div id="fb-root"></div>
       <script> 
     window.fbAsyncInit = function() {
       FB.init({
      appId : '4x5x6x2x0x0x5x7',
   status : true, // check login status
       cookie : true, // enable cookies to allow the server to access the session
     xfbml : true // parse XFBML
      });
      };

      (function() {
    var e = document.createElement('script');
      e.src = document.location.protocol + '//connect.facebook.net/en_US/all.js';
     e.async = true;
     document.getElementById('fb-root').appendChild(e);
     }());
      </script>

     <script type="text/javascript">>
      $(document).load(function(){
    $('#shareonfb').live('click', function(e){
       e.preventDefault();
     FB.ui(
     {
       method: 'feed',
        name: 'Weather App',
      picture: 'images/weatherapp.jpg',
     caption: 'My current position and its weather',
      description: 'Weather App Facebook',
     message: ''
    });
       });
     });
      </script>

    <img src="images/share-on-facebook-button.gif" id="shareonfb">