javascript - 未定義 - jQuery を使用してフォームから JS 関数に値を渡そうとすると、非常に間違っています

Question

私が取り組んでいるサイトの単位変換を作成するために JS を使用する方法を学ぼうとしています。
私はPHPを使ってそれを達成しようとするつもりでしたが、誰かがそれがいかに非効率であるかを指摘したので、同じタスクを実行するためにJSを学ぼうとしています.

2 つの数値を加算する非常に小さなテスト関数を作成しましたが、問題なく動作しました。次に、さらにいくつかのパラメーターを取り込んでいくつかの条件をチェックするように少し調整しましたが、これもうまくいきました。新しいオブジェクトを作成し、変数を直接渡しました。

合計を計算して結果を出力するために、フォームの値をこの関数に渡す必要があります。「未定義」のエラーが発生し続けます。私はグーグルで読みましたが、解決策が見つからないようです。

これまでのところ、私は持っています:

<script type="text/javascript">

    function Convert(from, to, units){

        this.from = $("#from").val();
        this.to = $("#to").val();
        this.units = $("#units").val();
    }

    Convert.prototype.convertThem = function(){

        if(this.from == "degC"){
            if(this.to == "degF"){
                return this.units * 347956757524;
            }
        }
    }

    calcTempTest = new Convert(this.from, this.to, this.units);
    alert(calcTempTest.convertThem());
    console.log(calcTempTest);

</script>

誰かが私が間違っていることを教えてもらえますか? 「to」、「from」、「units」はフォームの ID です。

フォーム：

<div class="form">
        <label for="units">Units:</label>
        <input type="text" name="units" id="units" class="required digits"  />
    </div>

    <div class="form">
        <label for="from">Convert From:</label>
            <select name="from" id="from">
                <option value="from">-Select an Option-</option>
            </select>
    </div>

    <div class="form">
        <label for="to">Convert Into:</label>
        <select name="to" id="to">
            <option value="to">-Select an Option-</option>
        </select>
    </div>

    <div class="form">
        <label> &nbsp; </label>
        <input type="submit" name="submit" value="Convert!" />
    </div>

どうもありがとう。