title: Convert Html List to Select Using Jquery with HTML in seperate file
body: <p>I want to convert a UL to a Select Menu using Jquery.  The tricky part it the UL is contained in a separate html file.</p>
  
  <p>For example:</p>
  
  <p>In Separate file: SomeFile.html</p>
  
  <pre><code>&lt;ul id="UlExample" class="UlExample"&gt;
  &lt;li id="1" class="liClass"&gt;&lt;a href="#" class="ExampleLink"&gt;1&lt;/a&gt;&lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>This gets imported and the text from each li(a) gets added to an existing select list(ExampleSelect1) as an option.</p>
  
  <pre><code>&lt;select Name="ExampleSelect1" id="ExampleSelect1" class="ExampleSelect&gt;
  &lt;option value="1"&gt;1&lt;/option&gt;
  &lt;/select&gt;
  </code></pre>
  
  <p>What would be the best way to accomplish this?  I will need to use it once when the page loads and once again when an option is selected from the newly populated select menu.</p>