title: Using Like Button and FB.ui (apprequests) On the Same Page Conflicts
body: <p>I've ran into a problem with a canvas app. If the code for the Like button is enabled, the FB.ui call 'apprequests' gives an error. If I comment out the Like button, its back to normal. Calls with 'stream.publish' work normally tho.</p>
  
  <p>My Init code:</p>
  
  <pre><code>FB.init({
    appId  : '12345',
    status : true,
    cookie : true,
    xfbml  : true,
    channelUrl : '/channel.html',
    oauth  : true
  });
  </code></pre>
  
  <p>The code for the Like button, generated with the FB tool:</p>
  
  <pre><code>&lt;div style="padding-left:177px"&gt;
  &lt;div id="fb-root"&gt;&lt;/div&gt;
  &lt;script&gt;(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_US/all.js#xfbml=1&amp;appId=12345";
    fjs.parentNode.insertBefore(js, fjs);
  }(document, 'script', 'facebook-jssdk'));&lt;/script&gt;
  
  &lt;div class="fb-like" data-href="http://www.facebook.com/apps/application.php?id=12345" data-send="false" data-width="450" data-show-faces="false" data-colorscheme="dark"&gt;&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>The FB.ui call:</p>
  
  <pre><code>FB.ui(
    {
      method: "apprequests",
      display: "iframe",
      message: "You have to check this out!"
    },
    function(response) {
      if (response &amp;&amp; response.request_ids) {
        $.post("response.php", { rid: response.request_ids, data: data }, function(result) {
        });
      }
    }
  );
  </code></pre>
  
  <p>The Error users get when the FB.ui is called:</p>
  
  <pre><code>API Error Code: 102
  API Error Description: Session key invalid or no longer valid
  Error Message: Iframe dialogs must be called with a session key
  </code></pre>
  
  <p>Any help is appreciated!</p>