latest form builds trying to abstract

app/assets/javascripts/forms.js

@@ -6,4 +6,9 @@ $(document).ready(function() {
       " -o " + $('#output_name').val())
   });
 
-});
+  $('#display_generate').click(function(){
+    $('#display_command_line').val("ffmpeg" + 
+      " -i " + $('#input_name').val())
+  });
+
+});

app/views/forms/_display.html.erb

@@ -0,0 +1,24 @@
+      <div id="file_names">
+        <div class="well">
+        <fieldset>
+          <legend>Input</legend>
+            <div class="form-group">
+            <label class="control-label" for="input_name">Input</label>
+              <div class="controls">
+              <input type="text" name="input_name" id="input_name" placeholder="input" />
+              </div>
+            </div>
+          <br/>
+          <input type="button" class="btn btn-large btn-primary" name="display_generate" id="display_generate" value="Generate" />
+        </fieldset>
+        </div>
+      </div>
+
+      <div class="well">
+        <fieldset>
+          <legend>Your command line:</legend>
+          <textarea name="display_command_line" id="display_command_line" rows="1" cols="100"></textarea>
+        </fieldset>
+      </div>
+
+    </div> <!-- container -->

app/views/forms/index.html.erb

@@ -7,9 +7,11 @@
         <fieldset>
           <legend>First form</legend>
           <!-- First we need a select question option... form or not? -->
-          <h4>What is your question?</h4>
+          <h4>What do you want to do?</h4>
           <ul>
-            <li>Display info</li>
+            <li>
+              Display info
+            </li>
             <li>Export for web</li>
             <li>Add subtitles track</li>
             <li>Remove audio track</li>
@@ -20,11 +22,11 @@
 
 <!-- todo: yield for form depending on choice above -->
 
-  <%= render "web" %>
-  
+  <div class="formloader">
+    <%= render "display" %>
+  </div>
+<!--   <%= render "web" %> -->
 
 
-    <div class="footer">
-      <p>Made with ♥ by <a href="http://www.ashleyblewer.com">Ashley Blewer</a></p>
-    </div>
-  </body>
+
+