title: DropDownList remains empty
body: <p>I have searched a lot and I'm not able to pinpoint where the issue is, it returns an empty DropDownList with the "Seleccione Rol" text, so I guess the problem is that the DDL isn't getting populated, I really appreciate any help.</p>
  
  <p><strong>Controller:</strong></p>
  
  <pre><code>public ActionResult Usuario_rol()
  {
      using (proyectob_dbEntities db = new proyectob_dbEntities())
      {
          usuario_rol model = new usuario_rol();
          model.rolesList = db.roles;
  
          //roles model2 = new roles();
          //model.roles.rolesl = db.roles;
      }
      return View(new usuario_rol());           
  }
  </code></pre>
  
  <p><strong>The view:</strong></p>
  
  <pre><code>&lt;div class="form-group"&gt;
      @Html.LabelFor(model =&gt; model.roles, htmlAttributes: new { @class = "control-label col-md-2" })
      &lt;div class="col-md-5"&gt;
          @Html.DropDownListFor(model =&gt; model.id_rol, new SelectList(Model.rolesList, "id", "rol"),"Seleccione Rol")
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p><strong>The Model:</strong></p>
  
  <pre><code>public partial class usuario_rol
  {
      public string id { get; set; }
      public string id_usuario { get; set; }
      public string id_rol { get; set; }
      public System.DateTime fecha_inicio_rel { get; set; }
      public System.DateTime fecha_termino_rel { get; set; }
  
      public virtual contactos contactos { get; set; }
      public virtual roles roles { get; set; }
  
      public virtual IEnumerable&lt;roles&gt; rolesList { get; set; }
  
      public usuario_rol()
      {
          rolesList = new List&lt;roles&gt;();
      }
  </code></pre>
  
  <p><strong>the DB:</strong></p>
  
  <p><img src="https://i.stack.imgur.com/oWyxM.jpg" alt="the DB looks like this"></p>