jquery - サブ div のマウス ホバーを確認する

Question

この質問の仕方が 100% わかりません。ご理解の上編集お願いします。

サブ div のマウスオーバー イベントを確認したい。しかし、うまくいきません。私の現在のコードはこれです：

$('#mc').hover(function() {
    if (selectedCoding !== 1)
        $(this).css({"color":"red"});
    else
        $(this).css({"color":"white"});
}, function() {
    if (selectedCoding !== 1)
        $(this).css({"color":"white"});
    else
        $(this).css({"color":"red"});
});

#mc は次の場所にあります。

<div id="coding">
    <ul>
        <li id="mc">
            <img src="images/minecraft.png">
            <h3>Minecraft Plugins</h3>
            <p>Description text</p>
        </li>
    </ul>
</div>

ここでの問題は、jQuery 関数で #mc が見つからないことです。

私の index.php ファイルには、次の小さなコードがあります。

$('#webbox').load('codinghelp.html');

以下はすべて「codinghelp.html」の中にあります。

    <div id="coding">
    <ul>
        <li id="mc">
            <img src="images/minecraft.png">
            <h3>Minecraft Plugins</h3>
            <p>Description text</p>
        </li>
    </ul>
</div>
<span style="color:green" id="request"> </span>

index.php ファイルから #mc を見つけることができませんが、次のコードが機能するため、#request を見つけることができます。

$('#request').text('Minecraft');