diff --git a/src/main/twirl/admin/users/group.scala.html b/src/main/twirl/admin/users/group.scala.html
index cf5e701..2e5286e 100644
--- a/src/main/twirl/admin/users/group.scala.html
+++ b/src/main/twirl/admin/users/group.scala.html
@@ -32,7 +32,7 @@
                 </li>
               }
             </ul>
-            <input type="text" id="memberName" style="width: 200px; margin-bottom: 0px;"/>
+            @helper.html.account("memberName", 200)
             <input type="button" class="btn" value="Add" id="addMember"/>
             <input type="hidden" id="memberNames" name="memberNames" value="@members.mkString(",")"/>
             <div>
@@ -50,15 +50,6 @@
 }
 <script>
 $(function(){
-  $('#memberName').typeahead({
-    source: function (query, process) {
-      return $.get('@path/_user/proposals', { query: query },
-        function (data) {
-          return process(data.options);
-        });
-    }
-  });
-
   $('#addMember').click(function(){
     $('#error-memberName').text('');
     var userName = $('#memberName').val();
diff --git a/src/main/twirl/helper/account.scala.html b/src/main/twirl/helper/account.scala.html
new file mode 100644
index 0000000..e871d5d
--- /dev/null
+++ b/src/main/twirl/helper/account.scala.html
@@ -0,0 +1,15 @@
+@(id: String, width: Int)(implicit context: app.Context)
+@import context._
+<input type="text" name="@id" id="@id" style="width: @{width}px; margin-bottom: 0px;"/>
+<script>
+$(function(){
+  $('#@id').typeahead({
+    source: function (query, process) {
+      return $.get('@path/_user/proposals', { query: query },
+        function (data) {
+          return process(data.options);
+        });
+    }
+  });
+});
+</script>
diff --git a/src/main/twirl/settings/collaborators.scala.html b/src/main/twirl/settings/collaborators.scala.html
index acd869b..24b630c 100644
--- a/src/main/twirl/settings/collaborators.scala.html
+++ b/src/main/twirl/settings/collaborators.scala.html
@@ -22,21 +22,9 @@
         <div>
           <span class="error" id="error-userName"></span>
         </div>
-        <input type="text" name="userName" id="userName" style="width: 300px; margin-bottom: 0px;"/>
+        @helper.html.account("userName", 300)
         <input type="submit" class="btn" value="Add"/>
       </form>
     }
   }
 }
-<script>
-$(function(){
-  $('#userName').typeahead({
-    source: function (query, process) {
-      return $.get('@path/_user/proposals', { query: query },
-        function (data) {
-          return process(data.options);
-        });
-    }
-  });
-});
-</script>
\ No newline at end of file