text: $(document).ready(function () {
      $("#people").addClass("selectedTabsDiv");
      $(".ownersHolder").html(renderPeople(classObject.owners))
      $(".studentsHolder").html(renderPeople(classObject.students))
  })
  
  $(document).on('click', '.assignmentTitle', function () {
      $(this).parent().find('.assignmentBody').fadeToggle()
      $(this).parent().toggleClass('selectedAssignment')
  })
  
  function renderPeople (data) {
      let html = "";
  
      data.forEach(people => {
  
          let name = people.firstName + " " + people.lastName;
  
          html += `<div class="assignmentContainer">
              <div class="assignmentTitle">
                  <div class='peopleImageContainer'>
                      <img class='peopleImage' src='${people.profilePic}' alt='${name}'/>
                  </div>
                  <p class="assignmentTitlePara">${name}</p>
                  <span class="assignmentTotalMarks">
                      <div class='infoSvgHolder'>
                          <svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="info-circle" class="svg-inline--fa fa-info-circle fa-w-16" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                              <path fill="currentColor" d="M256 8C119.043 8 8 119.083 8 256c0 136.997 111.043 248 248 248s248-111.003 248-248C504 119.083 392.957 8 256 8zm0 110c23.196 0 42 18.804 42 42s-18.804 42-42 42-42-18.804-42-42 18.804-42 42-42zm56 254c0 6.627-5.373 12-12 12h-88c-6.627 0-12-5.373-12-12v-24c0-6.627 5.373-12 12-12h12v-64h-12c-6.627 0-12-5.373-12-12v-24c0-6.627 5.373-12 12-12h64c6.627 0 12 5.373 12 12v100h12c6.627 0 12 5.373 12 12v24z">
                              </path>
                          </svg>
                      </div>
                  </span>
              </div>
              <div class="assignmentBody">
                  <div class="assignmentBodyHolder">
                      <p class="assignmentDescription">@${people.username}</p>
                      <a class="assignmentLink" href="mailto:${people.email}">${people.email}</a>
                  </div>
              </div>
          </div>`
      })
  
      return html
  }