title: jQuery - simple way to bind json content to element?
body: <p>Ever since Knockout and Angularjs presented a simpler way to otput content from JSON files, I find myself resorting to using them in instances when I would much rather use jQuery for simple tasks.</p>
  
  <p>What would be the simplest way to display some content on the page using jQuery that would be equivalent to <code>{{ model }}</code> in angularjs?</p>
  
  <p>For example, if  I have a json file:</p>
  
  <pre><code>{
      "something-1": "A",
      "something-2": "B",
      "something-3": "C"
  }
  </code></pre>
  
  <p>this allows me to output content from data.json in a template by simply using curly brackets...</p>
  
  <pre><code>$http.get("data.json").success(function(data) 
  {
      $scope.content = data;
  });
  </code></pre>
  
  <p>Then in HTML:</p>
  
  <pre><code>{{ content['something-1'] }} &lt;br/&gt;
  {{ content['something-2'] }} &lt;br/&gt;
  {{ content['something-3'] }}
  </code></pre>
  
  <p>In jQuery using a simple ajax call to a json file allows me to read the file contents but I am unaware of any way that would allow me a simple and practical data output such as angularjs does.</p>
  
  <p>Can someone suggest a practical way?</p>