JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
  <head>
    <title>Ryan Murphy | Developer | Peronal Website</title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>
    <script type="text/javascript" src="funtranslator.js"></script>
    <link rel="stylesheet" type="text/css" href="style.css">
  </head>
  <body>
      <div id="wrapper">
          <div id="header">
              <div id="logo">RYAN MURPHY</div>
              <div id="mainNav">
                 
              </div>
          </div>
          <div id="mainContent">
              <p class="largeText">
               Fun Translator
              </p>
              <div id="toBeTranslated">
                  <form id="toBeTranslatedForm" action="" method="POST" >
                      <textarea name="userInput" id="toBeTranslatedTextArea"></textarea>
                      <select id="translationOptions" name="translationOptions"></select>
                  </form>
              </div>
              <div id="translation"></div>
          </div>
          <div id="sidebar">
              <div class="sidebarSection">
                
                
              </div>
              <div class="sidebarSection">
                 
              </div>
          </div>
          <div id="footer">
              <ul>
                  <li>Footer:</li>
                  
                  <li>&#169; - <?php echo date('Y'); ?></li>
              </ul>
          </div>
      </div>
  </body>
</html>

JavaScript

function populateTranslationOptions() {
    var translationOptions = ["Egyptian Hieroglyphs", "Al Bhed (Final Fantasy X)", "Futurama"];
    
    $.each(translationOptions, function(index, value) {
        $('#translationOptions')
            .append($("<option></option>")
                    .attr("value", value)
                    .text(value));
    });
}

    $(document).ready(function() {
        populateTranslationOptions();
    });