var output = $('.fav-c-n');
$('.faname').on('input', function(){
output.text($(this).val());
});
А если инпутов много, а в span нужно выводить каждый инпут на новой строке (br)?
var output = $('.fav-c-z'),
inputs = $('.ggg');
inputs.on('input', function() {
output.html(inputs.map(function(i, el) {
return $(el).val();
}).get().join('<br>'));
});
Только интересно, зачем такие извращения...