jquery - jQueryチェックボックストグル機能が機能しない

Question

チェックボックスがチェックされたときにテキストの色を変更する関数を作成しようとしています。正常に動作していましたが、突然動作しなくなりました。toggle 変数が未定義の式であると表示されていますが、id タグが格納されているだけです。また、アラートがポップアップしても、css の変更は機能しませんでした。この機能が突然壊れた理由についての情報をいただければ幸いです。

JavaScript、jQuery コード:

function estimateToggle(toggle)
{ 
    var toggle = "#" + toggle;
    alert(toggle);

    if  ($(toggle).is(":checked"))
    {
        alert(toggle + " is checked");
        $("'" + toggle + "'").css({'color':'black'});
    }else{
        alert(toggle + " is unchecked");
        $("'" + toggle + "'").css({'color':'#CCCCCC'});
    }

}

HTML コード:

<input type="checkbox" class="socialMedia" name="socMedFacebook" id="socMedFacebook" onChange="estimateToggle('socMedFacebook')" value="100">
<label for="socMedFacebook">Facebook</label>
<div align="right" class="socMedFacebook" id="socMedFacebook" name="socMedFacebook">$100</div>

Chrome コンソールが吐き出すエラーは次のとおりです。

キャッチされないエラー: 構文エラー、認識できない式: '#socMedFacebook'