Упорядочить элементы списка по значению данных

$("#test").html(
  $("#test").children("li").sort(function (a, b) {
    var val1= parseInt($(a).data('value'));
    var val2= parseInt($(b).data('value'));
      return val1-val2;
  })
);

<script src = "https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<ul id = "test">
  <li id = "two" data-value = "3"> 1 </li>
  <li id = "three" data-value = "1"> 2 </li>
  <li id = "one" data-value = "2"> 3 </li>
</ul>