Access dynamically created objects in Javascript

I am attempting to dynamically create an object with name-value pairs using html input fields. This is what i have so far:

var taskComplete = {
  newTask: function(arg) {
    var fieldObj = {},
        selector = arg,
        inputFields = document.getElementsByClassName(selector);          
    for (var i=0;i<inputFields.length;i++) {
      var attrValue = inputFields[i].getAttribute("name"),
          value = inputFields[i].value, 
          newFieldObj = fieldObj[i] = {[attrValue]: value };
      console.log(newFieldObj);             
    }      
  }
}
taskComplete.newTask('input');

The console log outputs:

Object {title: ""}
Object {description: ""}
Object {date: ""}

Question1: How do i access these objects? they all share the same name eg. 'Object' so 'object.title' does not work.

Question2: Is there a way to combine these objects into a single object? eg.

var obj = {
  title: "",
  description: "",
  date: "",
}

code example with html: codepen.io

Hope this make sense. Thank you for any and all assistance.