how to append image inside ul with new li onload (jquery)?

Question

how to append image inside ul with new li (jquery)?

move image to new li and new addclass on ul

<img src="img" class="navimg">
<ul class="nav">
  <li>nav 1</li>
  <li>nav 1</li>
</ul>

 
<ul class="nav newclass">
  <li>nav 1</li>
  <li>nav 1</li>
   <li><img src="img" class="navimg"></li>
</ul>

Answer 1

Try following code.

$(document).ready(function(){
  addImage();
});
function addImage(){
  var html = "<li><img src='img' class='imgforli' /></li>";
  $('.nav').addClass('imageclass').append(html);
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<a href="#"><img src="img" class="imgforli" /></a>

need to move above image inside ul with new li

<ul class="nav">
  <li>nav 1</li>
  <li>nav 1</li>
   <li><img src="img" class="imgforli"/></li>
</ul>