title: jquery json path
body: <p>I have the following json</p>
  
  <pre><code>{
      "id": "0001",
      "type": "donut",
      "name": "Cake",
      "ppu": 0.55,
      "batters": {
          "batter": [
                  { "id": "1001", "type": "Regular" },
                  { "id": "1002", "type": "Chocolate" },
                  { "id": "1003", "type": "Blueberry" },
                  { "id": "1004", "type": "Devil's Food" }
              ]
      },
      "topping": [
          { "id": "5001", "type": "None" },
          { "id": "5002", "type": "Glazed" },
          { "id": "5005", "type": "Sugar" },
          { "id": "5007", "type": "Powdered Sugar" },
          { "id": "5006", "type": "Chocolate with Sprinkles" },
          { "id": "5003", "type": "Chocolate" },
          { "id": "5004", "type": "Maple" }
      ]
  }
  </code></pre>
  
  <p>I am trying to pass an xpath as a variable.</p>
  
  <pre><code>$(document).ready(function(){
      var json_offset = 'topping.types'
      ...
      $.getJSON('json-data.php', function(data) {
          var json_pointer = data.json_offset;
          ...
      });
  });
  </code></pre>
  
  <p>Which dosn't work. Can anyone help?</p>