diff --git a/src/app/app.module.ts b/src/app/app.module.ts
index 2499bdd..c1ecfb9 100644
--- a/src/app/app.module.ts
+++ b/src/app/app.module.ts
@@ -4,13 +4,16 @@ import { NgModule } from '@angular/core';
 import { AppComponent } from './app.component';
 import { SearchComponent } from './search/search.component';
 
+import { FormsModule }   from '@angular/forms';
+
 @NgModule({
   declarations: [
     AppComponent,
     SearchComponent
   ],
   imports: [
-    BrowserModule
+    BrowserModule,
+    FormsModule
   ],
   providers: [],
   bootstrap: [AppComponent]
diff --git a/src/app/search/search.component.html b/src/app/search/search.component.html
index f5c38d7..8d6b9c0 100644
--- a/src/app/search/search.component.html
+++ b/src/app/search/search.component.html
@@ -1,7 +1,5 @@
 <section>
     <h2>Search For A Star Wars Character</h2>
-    <form>
-        <input type="text" placeholder="Character Name"/>
-        <input type="submit" value="Search"/>
-    </form>
+    <input [(ngModel)]="name" type="text" placeholder="Character Name"/>
+    <input type="submit" value="Search"/>
 </section>