jqueryの質問です。
下記のhtmlを<br>が付く時だけclassを自動で追加したいのですがどうすれば良いでしょうか?
追加したいclassは、3つです。

<ul id="menu">
<li><a href="menu01">りんご<br>アップルパイ</a></li>
<li><a href="menu02">ぶどう</a></li>
<li><a href="menu03">いちご<br>いちごショート</a></li>
<li><a href="menu04">パイナップル</a></li>
<li><a href="menu05">みかん</a></li>
</ul>

jqueryで下のように変更したい

<ul id="menu">
<li class="aaa"><a href="menu01"><span class="bbb">りんご</span><br><span class="ccc">アップルパイ</span></a></li>
<li><a href="menu02">ぶどう</a></li>
<li class="aaa"><a href="menu03"><span class="bbb">いちご</span><br><span class="ccc">いちごショート</span></a></li>
<li><a href="menu04">パイナップル</a></li>
<li><a href="menu05">みかん</a></li>
</ul>

どうかご教授ください。よろしくお願いします。