一个莫名其妙的点击事件：在list.html中文字中加入div，点击出错

在官方自带的的例子中 hello mui，把list.html中的

                <li class="mui-table-view-cell">  
                    <a class="mui-navigate-right" href="examples/accordion.html">  
                        accordion（折叠面板）  
                    </a>  
                </li>

修改为

                <li class="mui-table-view-cell">  
                    <a class="mui-navigate-right" href="examples/accordion.html">  
                        <div class="mui-media-body">accordion（折叠面板）2</div>  
                    </a>  
                </li>

其它的所有东西都不变，然后，在测试的时候，就会发现神奇的事情：
Uncaught SyntaxError: Unexpected token
at examples/template.html:1

WTF？
官方可不可以解释一下是什么问题啊？