title: facebook displays page instead of image and text in share box
body: <p>Here's my share code. </p>
  
  <pre><code>$(document).ready(function (id) {
          $(".fbShare").on('click', function () {
              FB.ui({
                  method: 'feed',
                  name: '@Model.Title',
                  link: 'https://www.facebook.com/[PAGEID]/?sk=app_[APPID]&amp;app_data=' + $(this).attr('data-id'),
                  picture: 'http://i.imgur.com/V766ff5.jpg',
                  caption: '',
                  description: '@Model.StoryText'
              }, function (response) { });
          });
      });
  </code></pre>
  
  <p>But when I click to share it displays that
  <a href="https://i.stack.imgur.com/itdTT.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/itdTT.png" alt="enter image description here"></a></p>
  
  <p>But I want to display there image, title and description. After share it's ugly too.. How can I solve that?</p>
  
  <p>Same result is for fb like box where I have share</p>
  
  <pre><code>&lt;div class="fb-like" data-href="https://www.facebook.com/[PAGEID]/?sk=app_[APPID]&amp;app_data=7" data-layout="standard" data-action="like" data-show-faces="true" data-share="true"&gt;&lt;/div&gt;
  </code></pre>