使用Jquery更改<li>顺序

Question

我有一个包含许多项目的列表，需要更改订单。我们的想法是按年份排序。我喜欢在加载页面后使用JQuery或Javascript对其进行存档。

<i>
    <ul data-option-key="filter" id="filter">
        <li class="milo-filter">
        <a class="selected " title="All" data-option-value="*" href="#">All</a>
        </li>
        <li class="milo-filter">
        <a title="2015" data-option-value=".2015" href="#">2015</a>
        </li>
        <li class="milo-filter">
        <a title="2011" data-option-value=".2011" href="#">2011</a>
        </li>
        <li class="milo-filter">
        <a title="2006" data-option-value=".2006" href="#">2006</a>
        </li>
        <li class="milo-filter">
        <a title="2007" data-option-value=".2007" href="#">2007</a>
        </li>
        <li class="milo-filter">
        <a title="2008" data-option-value=".2008" href="#">2008</a>
        </li>
        <li class="milo-filter">
        <a title="2013" data-option-value=".2013" href="#">2013</a>
        </li>
        <li class="milo-filter">
        <a title="2010" data-option-value=".2010" href="#">2010</a>
        </li>
        <li class="milo-filter">
        <a title="2009" data-option-value=".2009" href="#">2009</a>
        </li>
        <li class="milo-filter">
        <a title="2014" data-option-value=".2014" href="#">2014</a>
        </li>
        <li class="milo-filter">
        <a title="2012" data-option-value=".2012" href="#">2012</a>
        </li>
        </ul>
</i>