diff --git a/www/core/components/courses/controllers/list.js b/www/core/components/courses/controllers/list.js
index 67e64f4506d..12579d824ff 100644
--- a/www/core/components/courses/controllers/list.js
+++ b/www/core/components/courses/controllers/list.js
@@ -26,6 +26,7 @@ angular.module('mm.core.courses')
 
     $scope.searchEnabled = $mmCourses.isSearchCoursesAvailable();
     $scope.areNavHandlersLoadedFor = $mmCoursesDelegate.areNavHandlersLoadedFor;
+    $scope.filter = {};
 
     // Convenience function to fetch courses.
     function fetchCourses(refresh) {
@@ -34,7 +35,7 @@ angular.module('mm.core.courses')
             angular.forEach(courses, function(course) {
                 course._handlers = $mmCoursesDelegate.getNavHandlersFor(course.id, refresh);
             });
-            $scope.filterText = ''; // Filter value MUST be set after courses are shown.
+            $scope.filter.filterText = ''; // Filter value MUST be set after courses are shown.
         }, function(error) {
             if (typeof error != 'undefined' && error !== '') {
                 $mmUtil.showErrorModal(error);
diff --git a/www/core/components/courses/templates/list.html b/www/core/components/courses/templates/list.html
index 601c5bb233c..8832530c2e3 100644
--- a/www/core/components/courses/templates/list.html
+++ b/www/core/components/courses/templates/list.html
@@ -10,10 +10,10 @@
             <div class="list" ng-if="courses && courses.length > 5">
                 <label class="item item-input">
                     <i class="icon ion-funnel placeholder-icon"></i>
-                    <input type="text" placeholder="{{ 'mm.courses.filtermycourses' | translate}}" ng-model="filterText">
+                    <input type="text" placeholder="{{ 'mm.courses.filtermycourses' | translate}}" ng-model="filter.filterText">
                 </label>
             </div>
-            <section ng-repeat="course in courses | filter:{fullname: filterText}" class="list card">
+            <section ng-repeat="course in courses | filter:{fullname: filter.filterText}" class="list card">
                 <a class="item" ui-sref="site.mm_course({courseid: course.id})" title="{{course.fullname}}">
                     <h2><mm-format-text watch="true">{{course.fullname}}</mm-format-text></h2>
                 </a>