How to Run Query on JSON Using jQuery Ajax
<p>Can you please take a look at <a href="https://jsfiddle.net/4hxqmzjr/" rel="nofollow">This Demo</a> and let me know how I can retrieve the <code>cost</code> option of each JSON file and selected item from the list which has equal value?</p>

<p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
<div class="snippet-code">
<pre class="snippet-code-js lang-js prettyprint-override"><code> var data = {
   "items": [{
     "item": "Item 1",
     "cost": "100"
   }, {
     "item": "Item 2",
     "cost": "200"
   }, {
     "item": "Item 3",
     "cost": "300"
   }, {
     "item": "Item 4",
     "cost": "400"
   }, {
     "item": "Item 5",
     "cost": "500"
   }, {
     "item": "Item 6",
     "cost": "600"
   }]
 };

 $('span').on('click', function() {
   console.info($(this).text());
   var item = $(this).text();
 });</code></pre>
<pre class="snippet-code-css lang-css prettyprint-override"><code>li {
  list-style-type: none;
}

li span {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.42857143;
  text-align: left;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
  color: #888;
  background-color: #fff;
  border-color: #ccc;
  display: block;
  width: 40%;
}</code></pre>
<pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"&gt;&lt;/script&gt;
&lt;ul&gt;
  &lt;li&gt;&lt;span&gt;Item 1&lt;/span&gt;&lt;/li&gt;
  &lt;li&gt;&lt;span&gt;Item 2&lt;/span&gt;&lt;/li&gt;
  &lt;li&gt;&lt;span&gt;Item 3&lt;/span&gt;&lt;/li&gt;
  &lt;li&gt;&lt;span&gt;Item 4&lt;/span&gt;&lt;/li&gt;
  &lt;li&gt;&lt;span&gt;Item 5&lt;/span&gt;&lt;/li&gt;
  &lt;li&gt;&lt;span&gt;Item 6&lt;/span&gt;&lt;/li&gt;
&lt;/ul&gt;</code></pre>
</div>
</div>
</p>