<!-- begin snippet: js hide: false console: true babel: false -->
<!-- language: lang-js -->
$(document).on("change", "qty1", function() {
var sum = 0;
$("input[class *= 'qty1']").each(function(){
sum += +$(this).val();
});
$(".total").val(sum);
});
<!-- end snippet -->
<!-- begin snippet: js hide: false console: true babel: false -->
<!-- language: lang-css -->
.hidden:after {
content: attr(data-txt);
}
<!-- language: lang-html -->
<p class="hidden" data-txt="Some text you don't want to be selected"></p>
<!-- end snippet -->
It's not the best way, though.