http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js

http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js

HTML

<ul class="kds">
  <li>tile dtls1</li>
  <li>tile dtls2</li>
  <li>tile dtls3</li>
  <li>tile dtls4</li>
  <li>tile dtls5</li>
  <li>tile dtls6</li>
</ul>
<h3 class="ods">test</h3>
<input type="button" value="last" class="last">

CSS

.kds {
  list-style-type: none;
}

.kds li {
  padding: 5px;
  border: 1px solid gray;
  margin: 1px;
}

.currentSelection {
  background-color: gray;
}

JavaScript

$(document).ready(function() {

  $(".kds li").click(function() {
    $(".kds li").removeClass("currentSelection");
    $(this).addClass("currentSelection");
    var current = $('.currentSelection');
    var last = $('.ods');
    current.insertAfter(last);

  });
});