        "<p>"series"</p>"
        "</div>"))
 
-(def conference-series-component
+(defn conference-series-component [data-atom]
   (typeahead/init-typeahead
-    conference-series-input
+    (conference-series-input data-atom)
     (typeahead/config {:hint true,
                        :highlight true,
                        :minLength 1})

   [:label {:for (:id (second input))} label]
   input])

(defn conference-series-input []
  [:input {:field :text :id :series :class "form-control" :placeholder "Name of the conference series, e.g. EuroClojure for the EuroClojure 2015 conference"}])

(defn conference-series-suggestions [q cb]
  (backend/load-series-suggestions q (fn [x]

                          :async true
                          :templates {:suggestion conference-series-template}})))

(defn conference-form-template [data-atom]
  [:div
   [(conference-series-component data-atom)]
   (form-input "Name" [:input {:field :text :id :name :class "form-control" :placeholder "Name of the conference"}])
   [:div {:class "row"}
    [:div {:class "col-md-6"} (form-input "From" [:div {:field :datepicker :id :from-date :date-format "yyyy/mm/dd" :inline false :auto-close? true}])]
