.val() is used to get value from input elements in jQuery. Alternative in JavaScript is .value.
.innerHTML is used to put some value between some tags.
So innerHTML is a DOM property to insert content to a specified id of an element, and with .val() you just get value from some input tags.