title: Facebook opengraph form error
body: <p>I am trying out the facebook opengraph cookie recipe tutorial and I am following all the instructions, but every time I hit the cook form on it, it still says error. I am using php and using a heroku server. Here is my code:</p>
  
  <pre><code>&lt;html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="en-US"
    xmlns:fb="https://www.facebook.com/2008/fbml"&gt; 
  &lt;head prefix="og: http://ogp.me/ns# tommytechcook: 
                http://ogp.me/ns/apps/tommytechcook#"&gt;
  &lt;title&gt;OG Tutorial App&lt;/title&gt;
  &lt;meta property="fb:app_id" content="145722645553824" /&gt; 
  &lt;meta property="og:type" content="tommytechcook:recipe" /&gt; 
  &lt;meta property="og:title" content="Stuffed Cookies" /&gt; 
  &lt;meta property="og:image" content="http://fbwerks.com:8000/zhen/cookie.jpg" /&gt; 
  &lt;meta property="og:description" content="The Turducken of Cookies" /&gt; 
  &lt;meta property="og:url" content="https://simple-journey-2635.herokuapp.com/cook.html"&gt;
  
  &lt;script type="text/javascript"&gt;
  function postCook()
  {
    FB.api(
      '/me/tommytechcook:cook?recipe=https://simple-journey-2635.herokuapp.com/cook.html',
      'post',
      function(response) {
         if (!response || response.error) {
            alert('Error occured');
         } else {
            alert('Cook was successful! Action ID: ' + response.id);
         }
      });
  }
  &lt;/script&gt;
  &lt;/head&gt;
  &lt;body&gt;
  &lt;div id="fb-root"&gt;&lt;/div&gt;
  &lt;script&gt;
  window.fbAsyncInit = function() {
    FB.init({
      appId      : '145722645553824', // App ID
      status     : true, // check login status
      cookie     : true, // enable cookies to allow the server to access the session
      xfbml      : true  // parse XFBML
    });
  };
  
  // Load the SDK Asynchronously
  (function(d){
    var js, id = 'facebook-jssdk'; if (d.getElementById(id)) {return;}
    js = d.createElement('script'); js.id = id; js.async = true;
    js.src = "//connect.facebook.net/en_US/all.js";
    d.getElementsByTagName('head')[0].appendChild(js);
  }(document));
  &lt;/script&gt;
  
  &lt;fb:add-to-timeline&gt;&lt;/fb:add-to-timeline&gt;
  
  &lt;h3&gt;Stuffed Cookies&lt;/h3&gt;
  &lt;p&gt;
  &lt;img title="Stuffed Cookies" 
       src="http://fbwerks.com:8000/zhen/cookie.jpg" 
       width="550"/&gt;
  &lt;/p&gt;
  
  &lt;br&gt;
  &lt;form&gt;
  &lt;input type="button" value="Cook" onclick="postCook()" /&gt;
  &lt;/form&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>