Uncaught TypeError: undefined is not a function on .GetElementByID

Here's what I'm trying to do:

I have a table set up as follows:

<tbody id="entryTable" class="entryHead">
            <tr id="1">
                <td id="1">1</td>
                <td class = driver></td>
                <td><div id="button">Clear!</div></td>
            </tr>
            <tr id="2">
                <td>2</td>
                <td class = driver></td>
                <td><div id="button">Clear!</div></td>
            </tr>
            <tr id="3">

I'm trying to get the information from this form to fill in the tables:

<form>
        Driver Name:<br>
        <input type="text" name="name">
        <br>
        Driver Draw:<br>
        <input type="text" name="draw">
<div id="button">Add!</div>
    </form>

I've written this bit of jquery to try to do that:

var main = function () {
    $('#button').click(function ( ) {
        var name = $('input[name=name]').val();
        var draw = $('input[name=draw]').val();
        var clear = "clear";
        var draw2 = "#"+draw;
        console.log(draw2);
        $("draw2").getElementById(".driver").innerHTML = name;

                           }
                      )};

When I press the "Add" button I've made, I get the error "Uncaught Type Error: undefined is not a function" that points to .getElementByID.

Maybe I'm approaching it all wrong, but I'm trying to get the name of the driver to appear in the for the with the id of the number the driver drew.

Any ideas?