title: Adding an ID to Mapbox Marker
body: <p>I am trying to add an <code>id</code> to each marker so that I can trigger a modal window when the marker is clicked using JQuery instead of the built in popup functionality. I want to populate the <code>id</code> with the property "id".</p>
  
  <p>I know that I need recursively go through and add the ids but I'm not about how to achieve this. How do I go about doing this?</p>
  
  <pre><code>var geojson = [{
    "type": "Feature",
    "geometry": {
      "coordinates": [-86.781602, 36.162664],
      "type": "Point"
    },
    "properties": {
      "id": 001,
      "title": "POI #1",
      "image": "http://lorempixel.com/image_output/city-h-c-524-822-2.jpg",
      "filter-1": true,
      "filter-2": false,
      "filter-3": false,
      "filter-4": true,
      "filter-5": false,
      "marker-color": "#1087bf",
      "marker-size": "medium",
      "marker-symbol": ""
    }
  }];
  </code></pre>
  
  <p><a href="https://jsfiddle.net/8h58qpny/" rel="nofollow">JSFiddle</a></p>