colspan設定のテーブルでのFooTableプラグインの使い方

何度もお世話になります。
JavaScriptプラグインの動作がうまくいかず悩んでおります。

どこをどう直せば良いのか、アドバイス頂けると幸いです。

●何がしたいか
・colspan設定のテーブルでFooTableプラグインを使いたい

lang
1<link href="css/footable.core.css" rel="stylesheet" type="text/css" />
2<script src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js" type="text/javascript"></script>
3<script src="js/footable.js" type="text/javascript"></script>
4<script type="text/javascript">
5	$(function () {
6		$('.footable').footable();
7	});
8</script>
9.
10.
11.
12<table class="footable table">
13	<thead>
14		<tr>
15			<th colspan="2" data-class="expand">タイトル</th>
16			<th colspan="4" data-hide="phone,tablet">内容</th>
17		</tr>
18	</thead>
19	<tbody>
20		<tr>
21			<td>AAA</td>
22			<td>aaa</td>
23			<td colspan="4">@@@@</td>
24		</tr>
25		<tr>
26			<td>BBB</td>
27			<td>bbb</td>
28			<td>111</td>
29			<td>222</td>
30			<td>333</td>
31			<td>444</td>
32		</tr>
33		<tr>
34			<td>CCC</td>
35			<td>ccc</td>
36			<td>111</td>
37			<td>222</td>
38			<td>333</td>
39			<td>444</td>
40		</tr>
41	</tbody>
42</table>