diff --git a/index.html b/index.html
index 65a8ee7..83053a2 100644
--- a/index.html
+++ b/index.html
@@ -38,7 +38,7 @@
             <div id="searchHowTo"></div>
                 <p>This is a test, this is ONLY a test....</p>
         <fieldset>
-            <form id="dropDowns">
+            <form id="dropdowns">
                 <div id= "rovers">
                     <label>Rovers</label>
                         <select id="rover">
@@ -59,7 +59,7 @@
 
                 <div id= "dates">
                     <label>Date(yyyy-mm-dd)</label>
-                        <input type="text" name ="dateInput" required>
+                        <input id="date" type="text" name ="dateInput" required>
                 </div>
 
                 <button id ="searchButton" type="submit">SEARCH</button>
diff --git a/models/image.js b/models/image.js
index 9a2024a..e83a231 100644
--- a/models/image.js
+++ b/models/image.js
@@ -14,10 +14,20 @@ const API_URL = 'http://localhost:3000/api/v1';
     Image.all = [];
 
     Image.fetchImages = (cb) => {
+        let camShort = '';
+        if($('#camera option:selected').text() == 'Navigation') {
+            camShort = "navcam";
+        }else if($('#camera option:selected').text() == 'Front Hazard') {
+            camShort = "fhaz";
+        }else{
+            camShort = "rhaz";
+        }
+
+    
         const options = {
-            rover: 'curiosity',
-            camera: 'fhaz',
-            date: '2015-12-13'
+            rover: $('#rover option:selected').text(),
+            camera: camShort,
+            date: $('#date').val()
         }
         $.get(`${API_URL}/nasa`, options)
         .then(Image.loadAll)
@@ -28,7 +38,7 @@ const API_URL = 'http://localhost:3000/api/v1';
     Image.loadAll = (data) => {
         Image.all = data.map(obj => new Image(obj));
         console.log(Image.all);
-        //app.imageView.initDiscoverPage();
+        app.imageView.initDiscoverPage();
     }
 
     Image.prototype.toHtml = function () {
diff --git a/views/imageView.js b/views/imageView.js
index a6c1149..a76a888 100644
--- a/views/imageView.js
+++ b/views/imageView.js
@@ -9,16 +9,11 @@ var app = app || {};
         $('main section').hide();
         $('#photos').show();
 
-        $('#dropDowns').on('submit', (e) => {
+        $('#dropdowns').on('submit', (e) => {
                 e.preventDefault();
-                const object = {
-                    rover: $('#dropDowns select[value="rover"]').value(),
-                    // camera: $('#dropDowns select[name="camera"]').value(),
-                    // date: $('#dropDowns input[name = "dateInput"]').val()
-                };
-            console.log(object);
+                app.Image.fetchImages();
         })
-    //    app.Image.all.map(image => $('#photos').append(image.toHtml()));
+       app.Image.all.map(image => $('#photos').append(image.toHtml()));
     };
 
     imageView.initHomePage = () => {