title: json curly brackets displaying in Div that display the json result
body: <p>I have a Jquery script that does a lookup on a data table and returns a result.</p>
  
  <p>However, when I display the result inside a DIV the curly brackets surrounding the json data are also displayed. Can anyone see where I have gone wrong.</p>
  
  <p>My script:</p>
  
  <pre><code>$(document).ready(function()
  {
  $('#board').change(function(){
      $.get('check_override_image.php', { RecordID: form2.board.value },
      function(result) {
          $('#size').html(result).show();
      });
  });
  });
  </code></pre>
  
  <p>The Json result is:</p>
  
  <pre><code>{"imagesizes":[{"DisplayWidth":"1080","DisplayHeight":"1920"}]}
  </code></pre>
  
  <p>I am displaying the result using </p>
  
  <pre><code>&lt;div id="size"&gt;&lt;/div&gt;
  </code></pre>
  
  <p>What I want to display is DisplayWidth:1080,DisplayHeight:1920 removing all the brackets and quote marks.</p>
  
  <p>Is this possible.</p>
  
  <p>Many thanks for your time.</p>