diff --git a/home.html b/home.html
index 5c35abf..42075da 100644
--- a/home.html
+++ b/home.html
@@ -22,11 +22,8 @@
     <!--<a ui-sref="addclass"><i class="mdi-content-add"></i></a>-->
   </li>
   <li>
-    <ul>
-      <li ui-sref="feed">WRONG 123</li>
-      <li ui-sref="feed(4567)">CSE 1337</li>
-      <li ui-sref="feed(1242)">MATH 20Z</li>
-      <li ui-sref="feed(2842)">BILD 99</li>
+    <ul ng-repeat="section in sections">
+      <li ui-sref="feed({{section.id}})">{{section.short_name}} </li>
     </ul>
   </li>
   <li class="bold"><a ui-sref="addclass">Add Class</a></li>
@@ -58,6 +55,7 @@
 <script src="scripts/RequestResetController.js"></script>
 <script src="scripts/ClassAddController.js"></script>
 <script src="scripts/StudyController.js"></script>
+<script src="scripts/ResetPasswordController.js"></script>
 <script src="scripts/VerifyEmailController.js"></script>
 <!--<script src="scripts/SidebarController.js"></script>-->
 
@@ -69,10 +67,7 @@
 
 <!-- Other -->
 <!--<script src="scripts/StudyController.js"></script>-->
-<script src="scripts/UserService.js"></script>
-<script src="scripts/ResetPasswordController.js"></script>
-<script src="//ghiden.github.io/angucomplete-alt/js/libs/angucomplete-alt.js"></script>
-<!--<script src="scripts/bootstrap.js"></script>-->
+
 
 </body>
 </html>
diff --git a/scripts/ClassAddController.js b/scripts/ClassAddController.js
index c0740e1..85d8034 100644
--- a/scripts/ClassAddController.js
+++ b/scripts/ClassAddController.js
@@ -1,4 +1,4 @@
-angular.module('flashy.ClassAddController', ['ui.router', 'angucomplete-alt', 'ngMaterial']).
+angular.module('flashy.ClassAddController', ['ui.router', 'ngMaterial']).
 
     controller('ClassAddController', ['$scope', '$state', '$http', function($scope, $state, $http) {
 
@@ -13,6 +13,16 @@ angular.module('flashy.ClassAddController', ['ui.router', 'angucomplete-alt', 'n
         };
 
         $scope.searchText = '';
+        $scope.submit = function() {
+            $http.post('/api/sections/' + $scope.selectedItem.id + '/enroll/').
+                success(function(data) {
+                    $scope.sections.push($scope.selectedItem);
+                    $state.go('feed', {sectionId: $scope.selectedItem.id});
+                }).
+                error(function(data, status, header, config) {
+                    console.log(data);
+                });
+        };
 
         /*$scope.trySearch = function() {
          $http.get('/api/sections/search', [$scope.searchText]).
diff --git a/scripts/RootController.js b/scripts/RootController.js
index aad0e2f..3caddcb 100644
--- a/scripts/RootController.js
+++ b/scripts/RootController.js
@@ -6,4 +6,9 @@ angular.module('flashy.RootController', ['ui.router']).
         if (UserService.isLoggedIn()) $state.go('login');
         else $state.go('addclass');
         $rootScope.isLoggedIn = false;
+        console.log(UserService._user);
+        UserService.getUserData().then(function(data) {
+            console.log(data);
+            $rootScope.user = data;
+        });
     }]);
diff --git a/scripts/UserService.js b/scripts/UserService.js
index 828d80b..5fc0ad6 100644
--- a/scripts/UserService.js
+++ b/scripts/UserService.js
@@ -1,7 +1,8 @@
 angular.module('flashy.UserService', ['ui.router']).
     service('UserService', function($rootScope, $http, $q) {
         var _user = undefined;
-        this.getUserData = function() {
+        $rootScope.sections = [];
+        this.getUserData = function(refresh) {
             var deferred = $q.defer();
             if (angular.isDefined(_user)) {
                 console.log('user is already defined: ' + _user);
@@ -10,6 +11,7 @@ angular.module('flashy.UserService', ['ui.router']).
                     deferred.reject(_user);
                 } else {
                     $rootScope.isLoggedIn = true;
+                    $rootScope.sections = _user.sections;
                     deferred.resolve(_user);
                 }
                 return deferred.promise;
@@ -18,6 +20,7 @@ angular.module('flashy.UserService', ['ui.router']).
                 console.log('user is logged in!');
                 _user = data;
                 $rootScope.isLoggedIn = true;
+                $rootScope.sections = _user.sections;
                 deferred.resolve(data);
             }).error(function(data) {
                 console.log('not logged in yet: ' + data.detail);
diff --git a/templates/addclass.html b/templates/addclass.html
index 982479c..caf69e7 100644
--- a/templates/addclass.html
+++ b/templates/addclass.html
@@ -4,13 +4,15 @@
     <md-content layout-padding="" layout="column" style="overflow:hidden">
 
       <form ng-submit="$event.preventDefault()">
-        <div layout="column">
+        <div layout="row">
           <md-autocomplete flex=""
                            md-autofocus="true"
                            md-selected-item="selectedItem"
                            md-search-text="searchText"
                            md-items="item in trySearch(searchText)"
                            md-item-text="item.short_name"
+                           md-selected-item-change="selectObject(event)"
+                           md-autoselect="true"
                   >
             <md-item-template>
               <div layout="row">
@@ -26,7 +28,11 @@
               No classes match "{{searchText}}".
             </md-not-found>
           </md-autocomplete>
+          <button class="btn waves-effect waves-light" type="submit" name="add" ng-click="submit()">Add
+            <i class="mdi-content-add right"></i>
+          </button>
         </div>
+
       </form>
     </md-content>
   </div>