Adding a search widget to ArcGIS Crowdsource Story App
<p>I am trying to add a widget to search within an ArcGIS Crowdsource Story Application. I have attached the code below. I am unable to get the search bar to appear or work. I need to be able to search business within the application.  </p>

<p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
<div class="snippet-code">
<pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;!DOCTYPE html&gt;&lt;html&gt;&lt;head&gt;&lt;meta http-equiv="Content-Type" content="text/html; charset=utf-8"&gt;&lt;meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1"&gt;&lt;meta name="fragment" content="!"&gt;&lt;meta name="apple-mobile-web-app-capable" content="yes"&gt;&lt;meta name="apple-mobile-web-app-status-bar-style" content="black"&gt;&lt;meta name="viewport" content="width=device-width,initial-scale=1"&gt;&lt;link type="image/ico" rel="shortcut icon" href="resources/images/favicon.ico"&gt;&lt;link type="image/ico" rel="icon" href="resources/images/favicon.ico"&gt;
 
 &lt;script&gt;
 require([
        "esri/map", "esri/dijit/Search", "esri/layers/FeatureLayer",  "esri/InfoTemplate", "dojo/domReady!"
      ], function (Map, Search, FeatureLayer,InfoTemplate) {
      var map = new Map("map", {
        basemap: "gray",
        center: [-82.93, 42.5], // lon, lat
        zoom: 10
      });

      var search = new Search({
        sources: [{
          featureLayer: new FeatureLayer("http://services1.arcgis.com/T10PoAuLqJahkg0K/arcgis/rest/services/choctawNationSmallBusinessDevelopment/FeatureServer/0", {
            outFields: ["*"],
            infoTemplate: new InfoTemplate("Parcels", "Name: ${Name}&lt;/br&gt;Location Name: ${LocationName}")
          }),
          outFields: ["LocationName","Name"],
          displayField: "Name",
          suggestionTemplate: "${LocationName}: ${Name}",
          name: "Name",
          placeholder: "example: Shawn Smith",
          enableSuggestions: true
      }],
        map: map
      }, "search");


      search.startup();
    });
  &lt;/script&gt;
  &lt;!--
    To correctly reference your Story Maps Crowdsource App in search engine:
     - create and fill out extensively an ArcGIS Online item that link to your final application
     - edit the following six tags. For more information, see the following blog post:
      (https://developerscorner.storymaps.arcgis.com/grow-your-story-maps-audience-with-open-graph-tags-b7639cb65d5c)
  --&gt;
  &lt;title&gt;ChahtaPreneur&lt;/title&gt;
  &lt;meta name="description" content=""&gt;

  &lt;!-- Social Sharing --&gt;
  &lt;meta property="og:type" content="article"/&gt;
  &lt;meta property="og:title" content=""/&gt;
  &lt;meta property="og:description" content=""/&gt;
  &lt;meta property="og:image" content=""/&gt;
  &lt;!-- END Social Sharing --&gt;
  
  

  &lt;script type="text/javascript"&gt;
  //-------------------------------------------------------------------------------------------
  //     Application configuration (ignored on ArcGIS Online and Portal)
  //-------------------------------------------------------------------------------------------
  var configOptions = {
   // Enter an application ID created through the Crowdsource builder
   appid: "2686c1003e374021a799020925e606cc",
   // Optionally to be able to use the appid URL parameter, configure here the list of application author
   //  whose application are allowed to be viewed by this Crowdsource deployment
   // This is the Portal username of the Crowdsource owner (e.g. ["user1"] or ["user1", "user2"])
   authorizedOwners: ["*"],
      // Optionally to secure Crowdsource's access, use an OAuth application ID (example: 6gyOg377fLUhUk6f)
      oAuthAppId: ""
  };
  // Optionally sharing, proxy URLs, Bing Maps key, Geometry and Geocode service's URLs can be configured in app/config.js. This is only required
  //   when the webmap is not hosted on ArcGIS Online or a Portal for ArcGIS instance and the application isn't deployed as /home/StoryMapCrowdsource/ or /apps/StoryMapCrowdsource/.
 &lt;/script&gt;
 
 

 &lt;!--[if IE 9]&gt;
  &lt;script type="text/javascript"&gt;
    alert('This app requires a modern browsers to run properly. Please update your browser then visit this page again.');
    window.location = "http://browsehappy.com/";
  &lt;/script&gt;
  &lt;![endif]--&gt;&lt;!--[if lt IE 9]&gt;
  &lt;script type="text/javascript"&gt;
    alert('This app requires a modern browsers to run properly. Please update your browser then visit this page again.');
    window.location = "http://browsehappy.com/";
  &lt;/script&gt;
  &lt;![endif]--&gt;&lt;/head&gt;&lt;body class="calcite"&gt;
  &lt;style&gt;
    #header class { background-color: #444;}
  &lt;/style&gt;
  
  &lt;div id="app"&gt;&lt;/div&gt;&lt;div id="loadingOverlay"&gt;&lt;div id="loadingIndicator" class="loadingIndicator"&gt;&lt;img src="resources/images/loader-light.gif"&gt;&lt;/div&gt;&lt;/div&gt;&lt;div id="search"&gt;&lt;/div&gt;&lt;!-- Loading --&gt;&lt;style&gt;body,html{margin:0;padding:0}#loadingOverlay{position:absolute;top:0;width:100%;height:100%;background-color:#E5E5E5;-webkit-box-shadow:inset 0 0 82px 19px rgba(0,0,0,.3);-moz-box-shadow:inset 0 0 82px 19px rgba(0,0,0,.3);box-shadow:inset 0 0 82px 19px rgba(0,0,0,.3)}
 #search {
      display: block;
      position: absolute;
      z-index: 2;
      top: 40px;
      left: 40px;
    }
#loadingIndicator{position:fixed;margin:-50px 0 0 -50px;top:50%;left:50%;text-align:center;z-index:900}#loadingIndicator img{position:relative;height:60px;width:60px;margin:20px}&lt;/style&gt;
  
  
  
&lt;/div&gt;&lt;script type="text/javascript"&gt;var app={version:"0.2.0",pathJSAPI:"//js.arcgis.com/3.18/"};&lt;/script&gt;&lt;script type="text/javascript" src="app/main-config.min.js"&gt;&lt;/script&gt;​</code></pre>
</div>
</div>
</p>