Jquery table search based on column and header
<p>I need to get a value(price) from a html table based on column 1 and header.</p>

<p>The table looks like this:</p>

<p><a href="https://i.stack.imgur.com/UM3MA.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/UM3MA.png" alt="enter image description here"></a></p>

<p>The html code looks like this:</p>

<pre><code>    &lt;input id="search_height" placeholder="height..."&gt;
    &lt;input id="search_width" placeholder="width..."&gt;

    &lt;input id="result" placeholder="Price is..."&gt;

    &lt;br&gt;
    &lt;table&gt;
    &lt;tr id="width"&gt;&lt;th&gt;&lt;/th&gt;&lt;th&gt;30&lt;/th&gt;&lt;th&gt;60&lt;/th&gt;&lt;th&gt;70&lt;/th&gt;&lt;th&gt;80&lt;/th&gt;&lt;th&gt;90&lt;/th&gt;&lt;th&gt;100&lt;/th&gt;&lt;/tr&gt;


&lt;tr&gt;
&lt;td id="height"&gt;60&lt;/td&gt;&lt;td&gt;442&lt;/td&gt;&lt;td&gt;850&lt;/td&gt;&lt;td&gt;999&lt;/td&gt;&lt;td&gt;1852&lt;/td&gt;&lt;td&gt;2442&lt;/td&gt;&lt;td&gt;3999&lt;/td&gt;
&lt;/tr&gt;

&lt;tr&gt;
&lt;td id="height"&gt;70&lt;/td&gt;&lt;td&gt;2442&lt;/td&gt;&lt;td&gt;2850&lt;/td&gt;&lt;td&gt;2999&lt;/td&gt;&lt;td&gt;21852&lt;/td&gt;&lt;td&gt;22442&lt;/td&gt;&lt;td&gt;23999&lt;/td&gt;   
&lt;/tr&gt; 

&lt;tr&gt;
&lt;td id="height"&gt;80&lt;/td&gt;&lt;td&gt;3442&lt;/td&gt;&lt;td&gt;3850&lt;/td&gt;&lt;td&gt;3999&lt;/td&gt;&lt;td&gt;31852&lt;/td&gt;&lt;td&gt;32442&lt;/td&gt;&lt;td&gt;33999&lt;/td&gt;
&lt;/tr&gt; 

&lt;tr&gt;
&lt;td id="height"&gt;90&lt;/td&gt;&lt;td&gt;1442&lt;/td&gt;&lt;td&gt;4850&lt;/td&gt;&lt;td&gt;4999&lt;/td&gt;&lt;td&gt;41852&lt;/td&gt;&lt;td&gt;42442&lt;/td&gt;&lt;td&gt;43999&lt;/td&gt;
&lt;/tr&gt;

&lt;/table&gt;
</code></pre>

<p>I want to have a function in jquery that recives me the correct price and prints the number in:</p>

<pre><code>&lt;input id="result" placeholder="Price is..."&gt;
</code></pre>

<p>Based on these two inputs</p>

<pre><code>&lt;input id="search_width" placeholder="Width..."&gt;
&lt;input id="search_height" placeholder="Height..."&gt;
</code></pre>

<p>For example if i write
70 in height
and
80 in width
it shall print out <strong>3999</strong> in:</p>

<pre><code>   &lt;input id="result" placeholder="Price is..."&gt;
</code></pre>

<p>In theory like this pic:
<a href="https://i.stack.imgur.com/e33jL.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/e33jL.png" alt="enter image description here"></a></p>

<p><a href="http://jsfiddle.net/7nsbs3p1/" rel="nofollow noreferrer">See JSfiddle</a></p>