title: Methods subscribed via FB.Event.subscribe to comment.create or comment.remove are not triggered
body: <p>I have a partial view in my MVC application where I want to display a Facebook comment box. I also want to save information in my database for each comment that a user posts - yes, I know they're visible on Facebook as well, but I need to save them in the database.</p>
  
  <p>To that end, I wrote this code (NOTES: this is all the code I have in my partial view, I tried to split it to be more readable. Also, the app key is correctly inserted.):</p>
  
  <pre><code>&lt;%@ Control Language="C#" Inherits="System.Web.Mvc.ViewUserControl&lt;dynamic&gt;" %&gt;
  &lt;div id="fb-root"&gt;
  &lt;/div&gt;
  &lt;script type="text/javascript"&gt;
  window.fbAsyncInit = function ()
  {
      FB.init({ appId: 'MY_APP_KEY', status: true, cookie: true, xfbml: true }); console.log('fb init');
      FB.Event.subscribe('comment.create',
          function (response)
          {
              console.log("comment created");
              var commentQuery = FB.Data.query("SELECT text, fromid FROM comment WHERE post_fbid='" + response.commentID +
                  "' AND object_id IN (SELECT comments_fbid FROM link_stat WHERE url='" + response.href + "')");
              var userQuery = FB.Data.query("SELECT name FROM user WHERE uid in (select fromid from {0})", commentQuery);
              FB.Data.waitOn([commentQuery, userQuery], function ()
              {
                  var commentRow = commentQuery.value[0];
                  var userRow = userQuery.value[0];
                  console.log(userRow.name + " (id: " + commentRow.fromid + ") posted the comment: " + commentRow.text);
                  trackcomments(response['commentID'], response['href'], 'create', commentRow.text, userRow.name, commentRow.fromid);
              });
          });
      FB.Event.subscribe('comment.remove',
          function (response)
          {
              console.log("comment removed");
              trackcomments(response['commentID'], response['href'], 'remove', null, null, null);
          });
  };
  (function ()
  {
      var e = document.createElement('script');
      e.src = document.location.protocol + '//connect.facebook.net/en_US/all.js#xfbml=1';
      e.async = true; document.getElementById('fb-root').appendChild(e);
  } ()
      );
  </code></pre>
  
  <p>The trackcomments function:</p>
  
  <pre><code>function trackcomments(_commentid, _address, _action,
   _commentMessage, _userName, _userId)
  {
      $.ajax({
          type: 'POST',
          url: '/trackcomments',
          data:
               {
                   commentId: _commentid,
                   pageUrl: _address,
                   actionTaken: _action,
                   userName: _userName,
                   userId: _userId,
                   commentMessage: _commentMessage
               },
          success: function (result)
          {
              console.log("successfully received callback");
          }
      });
  }
  &lt;/script&gt;
  </code></pre>
  
  <p>And the facebook comments tag, just below the above code:</p>
  
  <pre><code>    &lt;fb:comments notify="true" href="&lt;%= Request.Url.ToString() %&gt;" num_posts="3" width="630"&gt;&lt;/fb:comments&gt;
  </code></pre>
  
  <p>The problem is that every time a comment is posted (or removed), the functions don't trigger. The only console log text I see is "fb init". Obviously, nothing happens on the server either.</p>
  
  <p>I've been scratching my head for the last two days but I can't seem to find the answer - I'd be very grateful to anyone who could point me in the right direction.</p>
  
  <p>Thank you !</p>