jquery - コンテンツが動的に読み込まれるときに jQuery イベントを追加するにはどうすればよいですか?

Question

私は次のものを持っています：

$("#menu, #home")
    .on('click', 'a[href^="/C"], a[href^="/City"], 
       function (event) {

ただし、#menu の内容は動的に読み込まれます。

<div id="cityList" class="columns menu-list">
   <ul id="menu" class="controls-buttons question-grid">
      <li> </li>
      ......
      ......

#menu コンテンツがまだ存在しない場合でも、上記の jQuery が機能するようにするにはどうすればよいですか?