رنگ کردن جدول با سلکتورهای جی کوئری

میشه یه نگاه به کد زیر بندازین:

<form>
سطر:<input type="number" min="1" max="8" step="1" id="rows" />
ستون:<input type="number" min="1" max="8" step="1" id="Columns" />
<input type="color" id="color" onclick="myfunction()"/>
</form>
<table border="1" width="80%">
<tr>
<td>1</td><td>2</td>
<td>3</td><td>4</td>
<td>5</td><td>6</td>
<td>7</td><td>8</td>
</tr>

<tr>
<td>2</td><td>2</td>
<td>3</td><td>4</td>
<td>5</td><td>6</td>
<td>7</td><td>8</td>
</tr>

<tr>
<td>3</td><td>2</td>
<td>3</td><td>4</td>
<td>5</td><td>6</td>
<td>7</td><td>8</td>
</tr>
<tr>
<td>4</td><td>2</td>
<td>3</td><td>4</td>
<td>5</td><td>6</td>
<td>7</td><td>8</td>
</tr>
<tr>
<td>5</td><td>2</td>
<td>3</td><td>4</td>
<td>5</td><td>6</td>
<td>7</td><td>8</td>
</tr>
<tr>
<td>6</td><td>2</td>
<td>3</td><td>4</td>
<td>5</td><td>6</td>
<td>7</td><td>8</td>
</tr>
<tr>
<td>7</td><td>2</td>
<td>3</td><td>4</td>
<td>5</td><td>6</td>
<td>7</td><td>8</td>
</tr>

<tr>
<td>8</td><td>2</td>
<td>3</td><td>4</td>
<td>5</td><td>6</td>
<td>7</td><td>8</td>
</tr>
</table>

و این کد:

<script src="jquery.min.js" type="text/javascript"></script>

<script>

function myfunction() {
var a = document.getElementById('#rows').value;
var b = document.getElementById('#Columns').value;
var c = document.getElementById('#color').value;
$('tr' + a).eq(0).css('background-color', c);

}
</script>

میخوام یه تابع بنویسم برای input=color میخوام وقتی روی اون کلیک میکنم سطر 5 ستون 6 رنگ بشه
ولی میخوام سلکتورهاش رو با جی کوئری بنویسم