Explain survey at event creation

Resolves #114
Hopefully appropriately given my track record today.

brambling/static/brambling/brambling.kickoff.js

@@ -38,6 +38,9 @@ $(function() {
     // Add tooltips to elements with class "tipped".
     $('.tipped').tooltip();
 
+    // Add popovers to elements with class "popover-dismiss".
+    $('.popped').popover();
+
     // Bind some brambling-specific events to the countdown timer.
     $('[data-countdown="timer"]').on("updated.countdown", function (e, data) {
         var alert,

brambling/templates/brambling/__base.html

@@ -42,6 +42,7 @@
 {% block javascripts %}
 	{{ block.super }}
 	<script type="text/javascript" src="{% static "zenaida/js/bootstrap/tooltip.js" %}"></script>
+	<script type="text/javascript" src="{% static "zenaida/js/bootstrap/popover.js" %}"></script>
 	<script type="text/javascript" src="{% static "zenaida/js/bootstrap/dropdown.js" %}"></script>
 	<script type="text/javascript" src="{% static "brambling/brambling.kickoff.js" %}"></script>
 	<script type="text/javascript" src="{% static "brambling/brambling.countdown.js" %}"></script>

brambling/templates/brambling/forms/event.html

@@ -77,7 +77,7 @@ <h4 class="panel-title">Settings</h4>
 					{% endwith %}
 					{% with field=form.collect_survey_data %}
 						<div class='checkbox'>
-							<label for="{{ field|id }}">{% formfield field %} {{ field.label }}</label>
+							<label for="{{ field|id }}">{% formfield field %} {{ field.label }}</label> <a class="popped" data-container="body" data-toggle="popover" data-placement="top" data-title="Survey Contents" data-content="Where did they hear about the event; would they like promotional materials to distribute; are they providing housing?"><i class="fa fa-question-circle"></i></a>
 						</div>
 					{% endwith %}
 				</div>