Tengo un formulario en el que el usuario pone valores y envía y también se agrega una imagen de cruz al mismo tiempo que un hermano. Quiero que la imagen se elimine sola y su hermano anterior al hacer clic. pero no funciona

 $newform.on('submit', function(e) { e.preventDefault(); var text = $newform.find('input:text').val(); var url = document.getElementById('addurl').value; $list.append('<li class="links"><a href="'+ url +'"><div class="spann">' + text +'</div></a></li>'); $list.append('<img src="images/close.png" class="cross">'); }); $('.cross').on('click', function() { $(this).prev().remove(); $(this).remove(); });