Loading a JSON file with jQuery.getJSON
<p>I am a newbie in JS and I am trying to do something very simple.</p>

<p>I have a JSON file named "data.json" and I want to load it, so, I do this:</p>

<pre><code>$.getJSON("data.json",function(data){
    console.log(data);
});
</code></pre>

<p>And then I pass that loaded JSON to a function in library that does this:</p>

<pre><code>$("#example1").handsontable({
    data:data,     //&lt;--- error here
    minRows: 2,
    minCols: 3,
    minSpareRows: 1,
    currentRowClassName: 'currentRow',
    currentColClassName: 'currentCol',
    autoWrapRow: true,
    colHeaders: true
});

$("#example1").handsontable('selectCell', 3, 3);
</code></pre>

<p>Firebug says </p>

<pre><code>ReferenceError: data is not defined
[Break On This Error]   

data:data,
</code></pre>

<p>I thought I already loaded the JSON into the <code>data</code> variable? Any suggestions?</p>
