Mostrando respostas do form em div

Pessoal, se alguém puder me ajudar, já tentei várias formas que vi pela internet e nenhum chegou ao resultado que eu preciso. É o seguinte, eu preciso que apareça na div logo ao final o resultado do formulário ao clicar no botão visualizar, só que tipo o nome na div nome, o campo cargo na div Cargo e também tem a foto que a pessoa vai enviar, eu gostaria que aparecesse na div onde vai a foto.

	<form>

	<ul>

	<li class="first">

	<a href="#" class=" icon user"></a><input type="text" class="text" value="Nome" id="txtNome" >

	</li>

	<li class="first">

	<a href="#" class=" icon user"></a><input type="text" class="text" value="Cargo" id="txtCargo" >

	</li>

	<li class="first">

	<input name="imagem" type="file" size="30"> 

	</li>

	</ul>

	<input type="submit" class="btn" onclick="gravar()" value="Vizualizar" >

	</form>

	<div class="foto">

	aqui vai ficar a foto

	</div>

	<div class="nome">

	aqui vai ficar o nome

	</div>

	<div class="cargo">

	aqui vai ficar o cargo

	</div>