title: Firebug doesn't show JSON tab in console
body: <p>I am debugging my javascript code (below).</p>
  
  <p>The webgrid is populated after a user has clicked the search button. I have added a button to the webgrid which opens a dialog that has to be populated with values from a JSON object. </p>
  
  <p>This is where the problem is - when I debug using firebug the JSON tab in the console is not shown.</p>
  
  <p>Below is the part of my code:</p>
  
  <pre><code> $('.edit-recipients').live('click', function ()
             {
                 $.getJSON('/Methods/GetRecipients/' + $(this).attr('id'), function (data)
                 {
                     var recipient = data;
                     console.log(recipient);
                 $('#edit-opno').val(recipient.OpNo);
  </code></pre>
  
  <p>Console.log(recipient) shows the values from my <code>GetRecipients</code> method.<br>
  This code  <code>$('#edit-opno').val(recipient.OpNo);</code> is meant to show the value in my input text where I have this code below.  </p>
  
  <pre><code>&lt;input type="text" name="opno" id="edit-opno" size="15" /&gt;
  </code></pre>
  
  <p>However at first I thought the GetRecipients was not executed but from firebug realized it is executed with console.log(recipients) showing the values but no JSON tab, hence failing to populate my dialog input box. </p>
  
  <p>Below is my server side code:</p>
  
  <pre><code>@{
      Response.Cache.SetCacheability(HttpCacheability.NoCache);
      if(UrlData[0].IsInt()){
          var db = Database.Open("sb_cpd");
          var sql = "SELECT * FROM cpd_recipients WHERE ID = @0";
          var recipients = db.QuerySingle(sql,UrlData[0]);
          Json.Write(recipients, Response.Output);
      }
  }
  </code></pre>
  
  <p>I have inserted an image of whats happening. Notice my dialog is not populated with values from GetRecipients method.
  <img src="https://i.stack.imgur.com/gj3dS.jpg" alt="enter image description here"></p>