<script type="text/javascript">
$(function(){
  $("button").click(function(){
    $(".tokyo").after("<span>東京です。</span>");  
  })
});
</script>

<p>ボタンを押すと、HTMLが追加されます。</p>
<button>ここをクリック</button>
<div class="tokyo"></div>

ボタンを押すタイミングで、イベントが発生し、
jQueryにて、.after が動作する。その結果、div に 東京です。
が追加される。

なお、この処理では、ボタンを押すたびに、どんどん
東京です。
が連続して追記されていく。

サンプルソース
http://tokyo-webs.jp/sample_source/130312a/

東京ウェブ制作