jquery - get value from <input> which is in a <li> and append value into <li> as a link (a) -

i tried value each input in li , append value label link. here code. wrong. how can fix this?

$("ul li label").each(function() {  	var $link = $("ul li label input").val();	  	$(this).append('<span><a target="_blank" href="' + $link + '"> pdf-download</a></span>');  });

<ul>      <li><label><input type="checkbox" value="/first.pdf" />first</label></li>      <li><label><input type="checkbox" value="/second.pdf" />second</label></li>      <li><label><input type="checkbox" value="/third.pdf" />third</label></li>  </ul>

at end should like:

<ul>      <li><label><input type="checkbox" value="/first.pdf" />first<a target="_blank" href="/first.pdf"> pdf-download</a></label></li>      <li><label><input type="checkbox" value="/second.pdf" />second<a target="_blank" href="/second.pdf"> pdf-download</a></label></li>      <li><label><input type="checkbox" value="/third.pdf" />third<a target="_blank" href="/third.pdf"> pdf-download</a></label></li>  </ul>

var $link = $("ul li label input").val(); issue is. need use instance of this content corresponding input

var $link = $(this).find("input").val();